.seal-orbs-hero{padding-bottom:3rem;background-image:linear-gradient(120deg,#05143ab8,#082d67b3),var(--seal-orbs-hero);background-position:center 47%;background-size:cover}.seal-orbs-page{width:min(1180px,calc(100% - 2rem));margin:var(--security-panel-gap) auto 6rem;display:grid;grid-template-columns:minmax(0,720px) minmax(290px,1fr);align-items:start;gap:1.4rem;position:relative;z-index:2}.seal-game-column{min-width:0}.seal-tier-guide{padding:1rem;margin-bottom:1rem;border-color:#e4c66788;background:linear-gradient(145deg,#123d7ee8,#071a3fe8)}.seal-tier-guide__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.seal-tier-guide__heading h2{margin:.2rem 0 0;font-size:1.05rem;color:#fff}.seal-tier-guide__heading p{margin:0;max-width:330px;text-align:right;color:#bed1ef;font-size:.76rem}.seal-tier-list{list-style:none;margin:0;padding:.7rem .3rem .2rem;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem;border-top:1px solid #e8cd743d}.seal-tier-list li{min-width:0;display:grid;justify-items:center;align-content:end;text-align:center}.seal-tier-orb{height:118px;display:flex;align-items:flex-end;justify-content:center}.seal-tier-orb img{max-width:100%;height:auto!important;object-fit:contain;filter:drop-shadow(0 8px 13px #0008)}.seal-tier-list strong{margin-top:.4rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;color:#fff}.seal-tier-list small{margin-top:.14rem;color:#f0d477;font-size:.6rem}.seal-hud{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr)) minmax(100px,.8fr) auto;gap:.75rem;align-items:center;padding:1rem;margin-bottom:1rem}.seal-hud>div{display:grid;gap:.2rem}.seal-hud span{font-size:.76rem;color:#a9bee7}.seal-hud strong{font-size:1.45rem;color:#fff}.next-orb{justify-items:center}.next-orb img{width:90px;height:90px;object-fit:contain}.sound-toggle{min-height:44px;padding:.65rem .9rem;border:1px solid #e8cd74;border-radius:999px;background:#0a285c;color:#f7e7aa;font-weight:700;cursor:pointer}.seal-stage{position:relative;overflow:hidden;padding:0;border-color:#dbbd6388;background:linear-gradient(180deg,#0a2b67,#071938 58%,#031024);touch-action:none;user-select:none}.seal-stage canvas{display:block;width:100%;aspect-ratio:420/620;max-height:76vh;touch-action:none}.seal-stage-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:#031024aa;backdrop-filter:blur(8px);z-index:3}.seal-stage-overlay[hidden]{display:none}.seal-stage-dialog{width:min(440px,100%);padding:clamp(1.25rem,4vw,2rem);text-align:center;border:1px solid #f2d77f88;border-radius:24px;background:linear-gradient(155deg,#123c83f2,#06193ff2);box-shadow:0 24px 70px #0009}.seal-stage-dialog h2{font-size:clamp(1.65rem,5vw,2.8rem);margin:.45rem 0}.seal-stage-dialog p{line-height:1.7;color:#d3e1f8}.seal-stage-dialog>.button-primary{display:inline-flex;justify-content:center;min-width:190px;margin-top:1rem}.seal-stage-dialog>[hidden]{display:none}.terminal-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.terminal-actions[hidden]{display:none}.seal-stage-dialog small{display:block;min-height:1.5em;margin-top:.8rem;color:#ffe29a}.seal-controls{text-align:center;color:#a9bee7}.seal-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.seal-name-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:#020a1dcc;backdrop-filter:blur(10px)}.seal-name-modal[hidden],.seal-name-dialog [hidden]{display:none}.seal-name-dialog{width:min(480px,100%);padding:clamp(1.4rem,5vw,2.4rem);border-color:#ead17d99;background:linear-gradient(150deg,#123d83f5,#06183df7);box-shadow:0 30px 90px #000b}.seal-name-dialog h2{margin:.45rem 0 .8rem;font-size:clamp(1.7rem,5vw,2.5rem)}.seal-name-dialog p{color:#d1dff6;line-height:1.7}.seal-name-dialog input{width:100%;min-height:52px;margin-top:.65rem;padding:.85rem 1rem;border:1px solid #d9bd6d99;border-radius:10px;background:#04132fcc;color:#fff;font:inherit}.seal-name-dialog small{display:block;min-height:1.5em;margin-top:.55rem;color:#ffd58b}.seal-name-dialog [data-character-name]{display:block;margin:1rem 0;padding:1rem;border:1px solid #e8cd7477;border-radius:10px;color:#fff0b6;text-align:center;font-size:1.25rem}.seal-name-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.seal-name-actions>*{flex:1;min-width:150px;justify-content:center}.seal-how{margin-top:1rem;padding:1.2rem;text-align:left}.seal-how h2{margin:.3rem 0 .5rem}.seal-how p{margin:0;color:#bfd1ed;line-height:1.7}.seal-actions{margin-top:.75rem}.seal-orbs-page{width:min(760px,calc(100% - 2rem));grid-template-columns:minmax(0,1fr)}@media(max-width:900px){.seal-stage canvas{max-height:none}}@media(max-width:560px){.seal-orbs-page{width:100%;margin-top:var(--security-panel-gap);margin-bottom:calc(4rem + env(safe-area-inset-bottom));gap:1rem}.seal-tier-guide{border-radius:0;border-left:0;border-right:0;padding:.9rem .75rem}.seal-tier-guide__heading{display:block}.seal-tier-guide__heading p{margin-top:.35rem;text-align:left}.seal-tier-list{grid-template-columns:repeat(4,1fr);row-gap:.75rem}.seal-tier-orb{height:106px}.seal-tier-list strong{font-size:.67rem}.seal-hud{border-radius:0;grid-template-columns:repeat(3,1fr);padding:.75rem}.sound-toggle{grid-column:1/-1}.seal-stage{border-radius:0;border-left:0;border-right:0}.seal-actions,.seal-controls{padding:0 1rem}.seal-orbs-hero{padding-bottom:2rem}}@media(max-width:560px){.seal-how{margin:1rem 0 0;padding:.9rem;border-left:0;border-right:0;border-radius:0}}