/* SG-1 visual language: the active Milky Way gate, SGC terminals, and a red DHD. */
:root{--bg:#05090e;--panel:#101e29;--blue:#a2d8f2;--amber:#f0a75d;--text:#e7eef2;--muted:#9aaebb;--line:#425b6c;--mono:'Courier New',Consolas,monospace}
body{background:#05090e;color:var(--text);isolation:isolate}body:before{display:none}.sgc-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 52% 40%,#1931484d,transparent 65%),linear-gradient(#0d131c,#04080e)}.sgc-scene:before{content:'';position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 3px,#b9d6ed08 3px 4px)}.scene-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#215f8719,transparent 65%)}.battle-active:before{display:none}.battle-active .sgc-scene{background:radial-gradient(ellipse at 50% 50%,#214c7444,transparent 64%),#04090f}.battle-active .sgc-scene:after{content:'';position:absolute;left:50%;top:48%;width:min(83vw,950px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #658a9b13;box-shadow:0 0 0 22px #456b7b09,0 0 0 25px #85abbd10,0 0 0 63px #40617008,inset 0 0 80px #3181ad0b}
.header{height:82px;max-width:none;padding:0 max(36px,calc((100vw - 1320px)/2));gap:25px;background:linear-gradient(#313a42 0 2px,#0d161f 3px,#070e15 96%,#34444d);border-bottom:1px solid #8aa4b44d;box-shadow:0 3px 12px #0006}.brand{gap:12px;color:#c8d7de;white-space:nowrap;text-shadow:0 2px #000}.brand-mark{width:30px;height:35px;color:#c1d7e0;filter:drop-shadow(0 0 6px #9fdcff33)}.brand>span:last-child{font-family:Stargate,Georgia,serif;font-size:27px;letter-spacing:.015em;color:#d8e1e5}.brand b{font-family:Inter,Arial,sans-serif;font-size:.66em;letter-spacing:.01em;color:#ccd8e0}.brand small{font:8px var(--mono);letter-spacing:.42em;margin-top:7px;color:#c2a57d}.header nav{gap:6px}.header nav button{font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:10px 15px;border:1px solid transparent}.header nav button.active{background:linear-gradient(#24455a,#122b3c);border:1px solid #7399b388;color:#d1e6f3;box-shadow:inset 0 1px #a5c8de22}.header nav button.active:after{height:2px;bottom:-1px;left:0;width:100%;background:#eaa965;box-shadow:0 0 8px #efb16d44}.sound{font:9px var(--mono);border:1px solid #5f788a88;background:#08131e;color:#a7bdcc;box-shadow:inset 0 1px #c7e1f011}main{max-width:1400px;padding:0 38px}.eyebrow{color:#e6ae71;letter-spacing:.12em}.status-dot{background:#eab17c;box-shadow:0 0 6px #f4b56e55}
/* One cinematic gate scene, with a separate mission-selection terminal. */
.home-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:28px;padding:30px 0 28px;max-width:1320px;margin:auto;align-items:stretch}.home-hero.sgc-hero{position:relative;display:block;min-height:690px;padding:0;background:radial-gradient(ellipse at 50% 58%,#20415c3d,transparent 70%);overflow:hidden;margin:0}.hero-copy{position:relative;z-index:2;padding:24px 24px 0;pointer-events:none}.hero-copy .eyebrow{font:9px/1.5 var(--mono);letter-spacing:.1em;color:#9cb7c9}.hero-copy .series-title{font:clamp(55px,6vw,86px)/1.06 Stargate,Georgia,serif;letter-spacing:-.01em;margin:24px 0 13px!important;color:#d9e3e8;background:linear-gradient(#f3f7f8 10%,#8c9fab 42%,#f1f7fb 49%,#9aadb8 86%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 3px #000)}.series-number{display:inline-block;font:600 .5em/1 Inter,Arial,sans-serif;letter-spacing:.12em;margin-left:22px;color:#cbdce6;vertical-align:middle}.game-title{display:flex;align-items:center;gap:15px;font:12px var(--mono);letter-spacing:.17em;color:#eab27c;margin:0}.game-title>span{border-top:1px solid #c7945f77;border-bottom:1px solid #c7945f77;padding:7px 0}.game-title i{height:15px;width:1px;background:#71899588}.game-title small{font:9px var(--mono);letter-spacing:.08em;color:#85a3b7}.hero-copy .intro{position:absolute;top:583px;left:24px;font:15px/1.7 Inter,Arial,sans-serif;color:#b6cbd8;white-space:nowrap;text-shadow:0 2px #000;margin:0}.hero-copy .hero-meta{position:absolute;top:614px;right:23px;gap:12px;margin:0;font:8px var(--mono);letter-spacing:.02em;color:#7898ad;white-space:nowrap}.hero-meta b{font:18px var(--mono);color:#b3e1f4;margin-right:4px}.gate-room-panel{position:absolute;inset:147px -10px 93px;background:none;border:0;box-shadow:none;overflow:hidden;clip-path:none}.gate-room-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#050a1088,transparent 12%,transparent 77%,#050a10 100%),linear-gradient(90deg,#07101955,transparent 12%,transparent 88%,#07101955)}.gate-room-view{position:absolute;inset:0;overflow:hidden}.gate-room-view>img{height:100%;width:100%;object-fit:contain;object-position:center;display:block;filter:saturate(.88)}.gate-view-reticle{display:none}.monitor-rail{position:absolute;top:22px;right:25px;z-index:2;display:flex;gap:11px;align-items:center;height:auto;padding:0;background:none;font:7px var(--mono);letter-spacing:.1em;color:#a8c7db}.monitor-lights{display:flex;gap:4px}.monitor-lights i{height:4px;width:4px;background:#dda161;box-shadow:0 0 5px #efb161}.gate-monitor-footer{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:20px;padding:8px 13px;background:#020a14cf;border-top:1px solid #8cb1c34d;box-shadow:0 5px 13px #0008}.gate-monitor-footer>span:last-child{text-align:left;font:8px/1.4 var(--mono);letter-spacing:.04em;color:#c9e7f4;white-space:nowrap}.gate-monitor-footer small{display:block;font:6px var(--mono);letter-spacing:.08em;color:#8aa8bb;margin-bottom:5px}.gate-monitor-footer strong{font-weight:400}.address-display{display:flex;gap:4px;justify-content:center}.address-display>span{width:25px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(#6b747a,#212b34 12%,#071421 27%,#09151e 80%,#434e55);border:1px solid #82939b77;box-shadow:inset 0 0 0 2px #050a11}.address-display>span:after{content:'';position:absolute;width:12px;height:5px;bottom:-3px;background:#edac63;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 3px #edac63)}.address-display b{font:22px/1 GateGlyphs;color:#b5cedb;text-shadow:0 1px #000}.address-display i{font:5px var(--mono);font-style:normal;position:absolute;bottom:3px;color:#d4a66f}
.setup{margin:0;padding:23px 24px 20px;background:linear-gradient(110deg,#203e52,#0e2232 45%,#122638);border:1px solid #7b95a6aa;border-top:4px solid #8a9a9f;box-shadow:0 0 0 2px #02070e,inset 0 0 0 3px #06121e,0 8px 25px #0008;position:relative;min-width:0}.setup:before{content:'SGC / MISSION SELECTION';position:relative;display:block;left:auto;top:auto;background:linear-gradient(#36596c,#18364b);width:auto;height:auto;padding:7px 9px;margin:-14px -15px 21px;border:1px solid #819db04d;color:#bcdae9;font:8px var(--mono);letter-spacing:.08em}.section-top{margin-bottom:19px;display:block}.section-top .eyebrow{font:8px var(--mono);letter-spacing:.12em;color:#e5b381}.section-top h2{font:500 22px/1.2 Inter,Arial,sans-serif;letter-spacing:-.03em;margin-top:8px;color:#e1edf4}.section-top .subtle{display:none}.factions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.faction{min-height:72px;padding:9px 4px 10px;gap:6px;border:1px solid #607e9199;background:linear-gradient(#284354,#0b1b2a 30%,#0a1826 80%,#1c3547);box-shadow:inset 0 0 0 2px #04111c;color:#8ea9bb;border-radius:0}.faction svg{width:29px;height:31px;filter:drop-shadow(0 1px #000)}.faction>span{font:9px var(--mono);letter-spacing:-.02em}.faction.selected{color:var(--accent);border-color:#dba05e;background:linear-gradient(#3e5260,#183044 30%,#132b3d);box-shadow:inset 0 -3px #dba05e,inset 0 0 0 2px #08121b,0 0 10px #b6874833}.faction i{display:none}.faction:hover{border-color:#a1c8df;background:#1a3b52}.mission-row{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-top:0;margin-top:23px;border:0}.mode-list{display:grid;grid-template-columns:1fr;gap:7px;flex:1;width:100%}.mode{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #55758a88;background:#081927;box-shadow:none;min-height:48px;color:#9bb5c7}.mode-index{display:block!important;font:11px var(--mono);color:#668aa3}.mode strong{font:500 12px Inter,Arial,sans-serif;line-height:1.4;color:inherit}.mode small{font:9px var(--mono);line-height:1.4;margin-top:4px;color:#7394ad}.mode.selected{background:linear-gradient(90deg,#3d3a31,#162c3d);color:#e4edf3;border:1px solid #d19b61;box-shadow:inset 3px 0 #dba466}.mode.selected .mode-index{color:#efba79}.launch{width:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.dhd-button{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:0}.dhd-art{width:101px;height:86px;border:2px solid #9d9c8f;box-shadow:0 0 0 3px #060c12,0 0 18px #ec5a2a22,0 8px 15px #0008;flex-shrink:0}.dhd-centre{box-shadow:0 0 17px #ff4c2666,inset 0 0 6px #ffb84f33}.dhd-label{font-size:15px;letter-spacing:.02em;color:#dfbd8f;text-align:left;max-width:155px;margin:0}.dhd-label i{display:block;font-size:15px;margin:7px 0 0;color:#c8e3ef}.launch .text-button{font:9px var(--mono);line-height:1.4;max-width:none;padding:11px 4px 0}.launch small{font:8px/1.5 var(--mono);color:#7899b0;margin-top:13px}
/* In play, the SGC monitor is a simple blue readout, with gate controls between cards. */
.battle{max-width:1080px;padding-top:13px;animation:sgc-link-in .45s ease-out}.battle-top{height:28px;padding:0 2px}.battle-top>span{font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#b2ccdd}.back,.battle-top .text-button{font:10px var(--mono);color:#9dbaca}.scoreboard{margin:10px 0 23px;padding:12px 17px;background:linear-gradient(#36566e 0 3px,#102f49 4px,#091e32 93%,#1b3d55);border:1px solid #7592a6;border-top-color:#b3c5ce;box-shadow:0 0 0 2px #040a11,inset 0 0 0 3px #040c18,0 5px 14px #0006}.score-side{gap:11px}.score-side small{font:9px var(--mono);color:#8fb7d4;letter-spacing:.05em}.score-side strong{font:30px/1.1 var(--mono);color:#b8e8ff;text-shadow:0 0 8px #94d9f630;margin-top:4px}.score-side strong span{font:8px var(--mono);color:#7c9fb9}.score-emblem{width:35px;height:39px;color:#a7d1e7}.enemy .score-emblem{color:#d7ae7e}.round-count small{font:8px var(--mono);color:#86a6bd;letter-spacing:.14em}.round-count strong{font:25px var(--mono);color:#efbd82}.round-count strong span{font-size:10px;color:#7d9cb1}.round-count:before{content:'';position:absolute;width:15px;height:6px;top:-11px;left:calc(50% - 7.5px);background:#e8aa68;clip-path:polygon(0 0,100% 0,50% 100%)}.duel{max-width:1000px;grid-template-columns:minmax(0,1fr) 174px minmax(0,1fr);grid-template-areas:'player console enemy';gap:23px;align-items:stretch}.battle-card.yours{grid-area:player}.battle-card.theirs,.battle-card.card-back{grid-area:enemy}.battle-card,.archive-card{border:4px solid #4f585e;border-top-color:#879298;border-left-color:#69747a;border-bottom-color:#202c36;border-right-color:#29353e;border-radius:2px;background:#091724;box-shadow:0 0 0 1px #a5b7be77,0 0 0 3px #02070d,0 9px 20px #0009}.battle-card:before{inset:0;border-color:#899ea64d}.battle-card.winning{border-top-color:#d5b183;border-left-color:#a58b65;border-right-color:#645137;border-bottom-color:#4c3d2c;box-shadow:0 0 0 1px #e1ba7888,0 0 0 3px #02070d,0 0 20px #dda45a30}.card-strip{height:28px;padding:0 12px;background:linear-gradient(#46555d,#172d3c 15%,#0a1926 80%,#2c4557);border-bottom:1px solid #8ca9b966;color:var(--accent,#a5cde1);font:9px var(--mono);letter-spacing:.08em}.card-strip span+span{color:#7896aa;font-size:8px}.battle-card .portrait{height:clamp(160px,24vh,220px)}.portrait{background:repeating-linear-gradient(0deg,#8d999055 0 2px,transparent 2px 21px,#02070ca3 21px 24px),linear-gradient(90deg,#4e6168,#0b1b26 9%,#06131f 91%,#6f8084);border-bottom:1px solid #97adbc55}.portrait img{inset:8px 17px;width:calc(100% - 34px);height:calc(100% - 16px);border:1px solid #93a5ac99;box-shadow:0 0 0 2px #030a11;filter:none}.frame-glyphs{top:16px;bottom:14px;width:12px;font:11px GateGlyphs;letter-spacing:6px;color:#b2bdb9b8;text-shadow:1px 1px #02080b}.frame-glyphs.left{left:1px}.frame-glyphs.right{right:1px}.frame-chevron,.frame-node{display:none}.identity{padding:12px 13px;gap:11px;min-height:69px;background:linear-gradient(#294b64,#16364e 10%,#102b41 90%,#3a5b70);border:0;border-top:1px solid #a1b8c455;border-bottom:1px solid #7394aa99;box-shadow:none}.identity h2{font:600 21px/1.13 Inter,Arial,sans-serif;letter-spacing:-.04em;color:#e1eff8;text-transform:none}.identity p{font:9px/1.5 var(--mono);color:#91b3cc;margin-top:4px}.identity:after{display:none}.faction-icon{width:29px;height:32px;color:var(--accent);flex-shrink:0;margin:0}.stats{padding:6px 9px 9px;background:repeating-linear-gradient(0deg,transparent 0 3px,#b5e4f803 3px 4px),linear-gradient(#081d30,#07192a)}.stat{height:36px;padding:0 6px;gap:8px;border-top-color:#6290ae55}.stat-index{font:7px var(--mono);color:#4f7798}.stat-label{font:11px var(--mono);text-transform:uppercase;letter-spacing:.02em;color:#a7cbdf}.stat strong{font:20px var(--mono);color:#b3e6ff;text-shadow:0 0 6px #6cc6ef33}.stat-meter{width:37px;height:5px;border:0;background:#1e405b;position:relative}.stat-meter i{height:5px;background:#83c1e8}.stat-meter:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 5px,#071b2d 5px 7px)}.stats button:hover{background:#224e6b;border-color:#84b8d6;box-shadow:inset 3px 0 #abe4f7}.stat.chosen{background:linear-gradient(90deg,#8d662c5c,#67512f33);border-color:#d8a265;box-shadow:inset 3px 0 #f7bd78}.stat.chosen .stat-label,.stat.chosen strong{color:#f8d1a1}.stat.chosen .stat-meter i{background:#e7b577}
.command-console{grid-area:console;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0 2px;gap:19px}.console-caption{font:8px var(--mono);letter-spacing:.05em;color:#bdcfd8;white-space:nowrap}.command-console .address-display{width:100%;gap:3px;margin-top:-6px}.command-console .address-display>span{width:calc((100% - 18px)/7);height:38px}.command-console .address-display b{font-size:18px}.gate-locked .command-console .address-display>span:after{background:#ffc27c;filter:drop-shadow(0 0 5px #f9ad50)}.gate-dialling .command-console .address-display>span:after{animation:chevron-standby 2.4s ease-in-out infinite;animation-delay:calc(var(--order,0)*.16s)}.command-console .versus{width:auto;height:auto;gap:0}.versus span{font:10px var(--mono);letter-spacing:.12em;color:#6f97b2}.command-console .versus i{display:none}.command-console .round-control{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:18px;margin:0;min-height:0}.command-console .round-message{width:100%;min-height:112px;padding:12px 9px;background:linear-gradient(#1a3a53 0 3px,#0a2137 4px,#06172a);border:1px solid #6a94ae88;box-shadow:0 0 0 2px #020a14,inset 0 0 0 3px #06101d;text-align:center;display:flex;flex-direction:column;justify-content:center}.round-message strong{font:13px/1.4 var(--mono);font-weight:bold;color:#b6ddf3}.round-message span{font:11px/1.5 var(--mono);color:#88acc7;margin-top:8px}.round-message small{font-size:8px;line-height:1.5}.command-console #round-action{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;height:149px;min-height:149px;padding:0;border:0;background:none;box-shadow:none;color:#f4c48c!important;white-space:normal}.command-console #round-action .dhd-art{width:106px;height:90px;box-shadow:0 0 0 3px #03090f,0 0 24px #f36a3333,0 8px 16px #0008;transition:filter .18s,box-shadow .18s}.command-console #round-action:hover:not(:disabled) .dhd-art{filter:brightness(1.15);box-shadow:0 0 0 3px #03090f,0 0 32px #f36a3355}.command-console #round-action:disabled{color:#7e9caf!important}.command-console #round-action:disabled .dhd-art{filter:brightness(.9);opacity:.85}.action-caption{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;padding:9px 4px;font:11px/1.3 var(--mono)!important;color:inherit;background:#091c2de6;border:1px solid #65819788}.action-caption i{font-style:normal;color:#dfa45c}.console-indicators{display:flex;gap:6px;margin-top:-4px}.console-indicators i{height:4px;width:8px;background:#c78c4e;box-shadow:0 0 5px #e4a05c33}.card-back{display:flex;flex-direction:column;background:#081a2a}.back-design{padding:24px 14px;background:radial-gradient(ellipse at 50% 37%,#3181b329,transparent 70%);display:flex;flex-direction:column;justify-content:center}.back-design:before{inset:8px;border:1px solid #6a8fa466;box-shadow:inset 0 0 0 3px #05111d,0 0 0 2px #213d50}.sgc-gate-art{height:240px;width:100%;margin-bottom:23px;border:1px solid #7d9fb388;box-shadow:0 0 0 3px #020a12,0 0 23px #468ec333;overflow:hidden}.sgc-gate-art img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}.back-design>strong{font:26px Stargate,Georgia,serif;letter-spacing:.015em;color:#d6e5ef;text-shadow:0 2px #000}.back-design>strong b{font-family:Inter,Arial,sans-serif;font-size:.65em;color:#dfa56b}.back-design>span{font:9px var(--mono);letter-spacing:.12em;color:#85bfe4;margin-top:8px}.back-divider{width:70px;height:1px;background:#5c8da9;margin:24px 0}.back-design>small{font:9px var(--mono);color:#b4d0e2}.back-design>p{font:9px/1.6 var(--mono);color:#6d96b6;max-width:190px;text-align:center}.battle-bottom{max-width:1000px;margin:20px auto 0;border-top-color:#58809955;padding-top:12px;color:#7097b2;font:8px var(--mono)}footer{max-width:1320px;border-top:1px solid #435e7455;color:#65869e;font:8px var(--mono);padding:17px 0}.battle-active footer{max-width:1000px}
.deck{padding-top:36px}.deck-heading h1{font:44px/1.15 Stargate,Georgia,serif;text-transform:uppercase;letter-spacing:.015em;color:#cedfea}.deck-tools{padding:12px;background:linear-gradient(#26475e 0 3px,#0b2338 4px,#091b2b);border:1px solid #6a91ac;box-shadow:0 0 0 2px #020a12}.search,.deck-tools select{background:#051321;border-color:#648ba6;color:#b2d6ea}.deck-tools>span{font-size:9px}.card-grid{gap:22px}.archive-card .portrait{height:172px}.archive-identity{padding:13px 11px;min-height:76px;background:linear-gradient(#26455d,#102c43);border-top-color:#8ba9bb88;box-shadow:none}.archive-identity h2{font:600 16px/1.2 Inter,Arial,sans-serif;text-transform:none;letter-spacing:-.035em;color:#dbeef9}.archive-identity p{font:8px/1.5 var(--mono);color:#87aaca}.archive-stats{background:#071b2e;border-top-color:#5b87a4}.archive-stats span{font:8px var(--mono);color:#7ca6c6}.archive-stats b{color:#a4dcfa}.result{position:relative}.result:before{content:'';position:fixed;inset:82px 0 0;z-index:-1;background:linear-gradient(90deg,#030a12a6,#030a12b8),url('assets/sgc-active-gate.png') center / cover no-repeat;opacity:.52;pointer-events:none}.result-portrait{border:4px solid #596b76;border-top-color:#a0adb4;border-left-color:#7c8f9b;box-shadow:0 0 0 2px #03090f,0 12px 30px #0009}.result-portrait>div:not(.portrait){background:linear-gradient(#26475e,#102b40)}.result-actions .primary{background:linear-gradient(#eaca9a,#b17c42);border:1px solid #d6ab73}.secondary{background:#112e44;border:1px solid #779db7;color:#abcde4}.secondary:hover{background:#254b66}dialog{background:linear-gradient(#31516b 0 4px,#102e47 5px,#071a2e);border:3px solid #617f93;border-top-color:#aac0ce;border-left-color:#829daf;box-shadow:0 0 0 2px #030b12,0 18px 70px #000d}dialog::backdrop{background:#02060be6;backdrop-filter:none}.close{background:#0b2237;border:1px solid #6b93b0;color:#c6e1f2}.character-dialog{padding-bottom:24px}.detail-photo .portrait img{inset:8px 17px;width:calc(100% - 34px);height:calc(100% - 16px)}
.launch .dhd-label{text-align:center;max-width:none}.launch .dhd-label i{display:none}.battle-card:not(.card-back) .identity,.archive-card .archive-identity{background:linear-gradient(color-mix(in srgb,var(--accent) 30%,#142c3b),color-mix(in srgb,var(--accent) 12%,#071a2a) 18%,color-mix(in srgb,var(--accent) 10%,#081927) 85%,color-mix(in srgb,var(--accent) 24%,#20394a));border-bottom-color:color-mix(in srgb,var(--accent) 45%,#29465b)}.battle-card:not(.card-back) .card-strip,.archive-card .card-strip{border-bottom-color:color-mix(in srgb,var(--accent) 45%,#29465b)}.stat-meter i{background:var(--accent,#83c1e8)}
@keyframes sgc-link-in{from{opacity:.55;filter:brightness(1.18)}to{opacity:1;filter:brightness(1)}}@keyframes chevron-standby{0%,100%{opacity:.45}45%{opacity:1}}
@media(min-width:1550px){.hero-copy .series-title{font-size:90px}.home-hero.sgc-hero{min-height:720px}.hero-copy .intro{top:612px}.hero-copy .hero-meta{top:644px}.gate-room-panel{top:155px}}
@media(max-width:1150px){main{padding:0 28px}.header{padding:0 30px}.home-layout{gap:21px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.95fr)}.hero-copy{padding-left:16px;padding-right:12px}.hero-copy .series-title{font-size:57px}.series-number{margin-left:14px;font-size:.48em}.hero-copy .eyebrow{font-size:8px}.hero-copy .intro{left:16px;font-size:14px;top:580px}.hero-copy .hero-meta{top:645px;right:auto;left:16px;font-size:7px}.hero-meta b{font-size:16px}.gate-room-panel{inset:154px -24px 110px}.monitor-rail{font-size:6px;right:20px}.gate-monitor-footer{gap:10px;padding:7px 9px;bottom:20px}.gate-monitor-footer>span:last-child{font-size:6px}.gate-monitor-footer small{font-size:5px}.address-display>span{width:22px;height:33px}.address-display b{font-size:20px}.setup{padding-left:20px;padding-right:20px}.section-top h2{font-size:21px}.faction>span{font-size:8px}.duel{grid-template-columns:minmax(0,1fr) 153px minmax(0,1fr);gap:17px}.console-caption{font-size:7px}.command-console .address-display b{font-size:16px}.identity h2{font-size:19px}.stat-label{font-size:10px}.stat-meter{width:28px}.card-grid{gap:18px}.archive-card .portrait{height:150px}}
@media(max-width:900px){.header{height:74px;padding:0 25px;gap:15px}.brand>span:last-child{font-size:22px}.brand small{font-size:7px}.brand-mark{width:27px;height:31px}.header nav button{font-size:10px;padding:9px 11px}.sound{font-size:8px}main{padding:0 26px}.home-layout{grid-template-columns:1fr;gap:24px;padding-top:24px;max-width:740px}.home-hero.sgc-hero{min-height:625px;overflow:hidden}.hero-copy{padding:18px 20px 0}.hero-copy .series-title{font-size:70px;margin-top:20px!important}.series-number{font-size:.48em;margin-left:20px}.hero-copy .eyebrow{font-size:8px}.gate-room-panel{inset:141px -12px 90px}.gate-monitor-footer{gap:15px;bottom:5px}.gate-monitor-footer>span:last-child{font-size:8px}.gate-monitor-footer small{font-size:6px}.address-display>span{width:25px;height:35px}.hero-copy .intro{top:542px;left:20px;font-size:14px}.hero-copy .hero-meta{top:573px;left:auto;right:20px;font-size:7px;gap:12px}.hero-meta b{font-size:16px}.setup{padding:23px;max-width:none}.setup:before{margin:-14px -14px 22px}.section-top h2{font-size:22px}.factions{grid-template-columns:repeat(8,minmax(0,1fr))}.faction{min-height:73px}.faction>span{font-size:8px}.mission-row{display:grid;grid-template-columns:1fr 200px;gap:24px}.launch .dhd-button{flex-direction:column;gap:14px}.launch .dhd-label{font-size:15px;max-width:none;text-align:center}.dhd-label i{display:inline;margin-left:8px}.dhd-art{width:113px;height:96px}.mode-list{gap:7px}.mode{padding:10px 12px}.duel,.battle .duel{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);grid-template-areas:'player versus enemy' 'message message message' 'action action action';gap:0 12px;max-width:760px}.command-console,.command-console .round-control{display:contents}.console-caption,.command-console .address-display,.console-indicators{display:none}.command-console .versus{grid-area:versus;align-self:center;justify-self:center}.versus span{font-size:8px}.command-console .round-message{grid-area:message;min-height:44px;margin-top:14px;padding:0;border:0;background:none;box-shadow:none}.round-message strong{font:600 13px/1.35 Inter,Arial,sans-serif}.round-message span{font:11px/1.4 Inter,Arial,sans-serif;margin-top:4px;color:#8fb2cd}.command-console #round-action{grid-area:action;max-width:230px;justify-self:center;width:100%;height:42px;min-height:42px;margin-top:10px;padding:0;border:1px solid #d5985c;background:linear-gradient(#bb643b,#793c26);box-shadow:0 0 0 2px #030a12,0 4px 12px #0007;color:#ffe0bb!important}.command-console #round-action .dhd-art{display:none}.action-caption{border:0;background:none;font-size:12px!important;padding:9px 12px;gap:20px}.command-console #round-action:disabled{border-color:#557b99;background:linear-gradient(#244d6b,#122e47);color:#94b8d0!important}.command-console #round-action:hover:not(:disabled){background:linear-gradient(#d27a49,#a65332)}.battle-card .portrait{height:clamp(145px,23vh,205px)}.identity{min-height:65px;padding:10px}.identity h2{font-size:18px}.identity p{font-size:9px}.stat{height:35px}.stat-meter{display:none}.battle-bottom{max-width:760px;margin-top:16px}.sgc-gate-art{height:224px}.back-design>strong{font-size:22px}.back-design>span{font-size:8px}.back-design>p{font-size:8px}.battle-active footer{max-width:760px}.scoreboard{padding:11px 13px}.score-side strong{font-size:26px}.score-side small{font-size:8px}}
@media(max-width:760px){.header{height:68px;padding:0 19px;gap:11px}.brand>span:last-child{font-size:20px}.brand small{font-size:6px}.brand-mark{width:26px;height:30px}.header nav button{font-size:9px;padding:9px 7px}.sound{font-size:7px;padding:7px}main{padding:0 22px}.home-layout{padding-top:20px;gap:20px}.home-hero.sgc-hero{min-height:580px}.hero-copy .series-title{font-size:59px}.hero-copy .eyebrow{font-size:7px}.game-title{font-size:11px}.game-title small{font-size:8px}.gate-room-panel{inset:133px -15px 93px}.hero-copy .intro{top:500px;font-size:13px}.hero-copy .hero-meta{top:533px;font-size:6px;gap:10px}.hero-meta b{font-size:14px}.gate-monitor-footer>span:last-child{font-size:7px}.gate-monitor-footer small{font-size:5px}.address-display>span{width:23px;height:33px}.setup{padding:20px}.factions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.faction{min-height:73px}.faction svg{width:30px;height:32px}.faction>span{font-size:9px}.mission-row{grid-template-columns:1fr 150px;gap:18px;margin-top:19px}.dhd-art{width:105px;height:90px}.launch .dhd-label{font-size:12px}.mode strong{font-size:11px}.mode small{font-size:8px}.section-top h2{font-size:21px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.archive-card .portrait{height:130px}.archive-identity{padding:11px 9px;min-height:74px}.archive-identity h2{font-size:14px}.archive-identity p{font-size:7px}.archive-stats{padding:10px 9px}.archive-stats span{font-size:7px}.deck-heading h1{font-size:35px}.deck-tools{padding:10px}.battle{padding-top:10px}.identity h2{font-size:17px}.identity p{font-size:8px}.score-side small{font-size:7px}.score-side strong{font-size:24px}.score-emblem{height:32px;width:29px}footer{margin:0 22px;font-size:7px}}
@media(max-width:520px){main{padding:0 15px}.header{height:61px;padding:0 11px;gap:7px}.brand{gap:6px}.brand>span:last-child{font-size:17px}.brand b{font-size:.61em}.brand small{font-size:5px;letter-spacing:.34em}.brand-mark{width:21px;height:27px}.header nav{gap:0}.header nav button{font-size:8px;padding:8px 5px;letter-spacing:-.03em}.sound{font-size:7px;padding:5px}.home-layout{padding-top:14px;gap:17px}.home-hero.sgc-hero{min-height:472px}.hero-copy{padding:15px 9px 0;text-align:left}.hero-copy .eyebrow{font-size:6px;letter-spacing:.07em}.hero-copy .series-title{font-size:clamp(39px,11.8vw,61px);margin:22px 0 12px!important;letter-spacing:-.02em}.series-number{font-size:.43em;margin-left:9px;letter-spacing:.08em}.game-title{font-size:10px;gap:12px;letter-spacing:.12em}.game-title small{font-size:7px}.gate-room-panel{inset:113px -24px 90px}.gate-room-view>img{object-fit:contain;filter:saturate(.95)}.monitor-rail{top:19px;right:33px;font-size:5px;gap:8px}.monitor-lights{gap:3px}.monitor-lights i{width:3px;height:3px}.gate-monitor-footer{bottom:5px;gap:0;padding:7px 9px;transform:translateX(-50%)}.gate-monitor-footer>span:last-child{display:none}.address-display{gap:4px}.address-display>span{width:25px;height:34px}.address-display b{font-size:21px}.hero-copy .intro{top:381px;left:9px;font-size:12px;line-height:1.6}.hero-copy .hero-meta{top:439px;right:auto;left:9px;gap:13px;font-size:6px}.hero-meta b{font-size:14px}.hero-meta i{height:13px}.setup{padding:17px;border-top-width:3px}.setup:before{font-size:7px;padding:7px 8px;margin:-9px -9px 17px}.section-top{margin-bottom:17px}.section-top .eyebrow{font-size:7px}.section-top h2{font-size:21px;margin-top:7px}.factions{gap:7px}.faction{min-height:69px;padding:8px 3px;gap:5px}.faction svg{height:29px;width:27px}.faction>span{font-size:8px}.mission-row{grid-template-columns:minmax(0,1fr) 105px;gap:10px;margin-top:18px}.mode-list{gap:6px}.mode{padding:8px 7px;gap:7px;min-height:50px}.mode-index{font-size:9px}.mode strong{font-size:10px;line-height:1.4}.mode small{font-size:7px;line-height:1.45;margin-top:3px}.launch .dhd-button{gap:13px}.dhd-art{width:87px;height:75px}.launch .dhd-label{font-size:10px}.dhd-label i{font-size:9px;display:block;margin-left:0}.launch .text-button{font-size:7px;padding-top:9px}.launch small{font-size:6px;margin-top:10px}.battle-active .header{height:54px}.battle-active main{padding:0 11px}.battle{padding-top:6px}.battle-top{height:24px;padding:0}.back,.battle-top .text-button{font-size:8px}.battle-top>span{font-size:7px;letter-spacing:-.04em}.scoreboard{min-height:56px;padding:7px;margin:6px 0 13px}.score-side{width:38%;gap:5px}.score-side small{font-size:6px;letter-spacing:0}.score-side strong{font-size:22px;margin-top:3px}.score-side strong span{font-size:6px}.score-emblem{height:24px;width:23px}.round-count small{font-size:6px}.round-count strong{font-size:19px}.round-count strong span{font-size:9px}.round-count:before{top:-8px;width:12px;height:5px;left:calc(50% - 6px)}.round-count em{font-size:5px;bottom:-9px}.duel,.battle .duel{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:0 5px}.battle-card{border-width:3px;box-shadow:0 0 0 1px #aab6b455,0 0 0 2px #02070a,0 9px 20px #0009}.battle-card .card-strip{height:20px;font-size:6px;letter-spacing:.03em;padding:0 5px}.card-strip span+span{font-size:6px}.battle-card .portrait{height:clamp(112px,21dvh,151px)}.portrait img{inset:7px 12px;width:calc(100% - 24px);height:calc(100% - 14px)}.frame-glyphs{width:9px;top:12px;font-size:9px;letter-spacing:3px}.frame-glyphs.left{left:0}.frame-glyphs.right{right:0}.identity{min-height:60px;padding:8px 6px;gap:0}.identity h2{font-size:14px;line-height:1.12;letter-spacing:-.04em}.identity p{font-size:6px;line-height:1.5;margin-top:4px}.identity .faction-icon{display:block;width:16px;height:22px;margin:0 5px 0 0}.stats{padding:4px 4px 5px}.battle-card .stat{height:30px;padding:0 4px;gap:4px}.stat-label{font-size:9px;letter-spacing:-.025em}.stat-index{font-size:6px}.stat strong{font-size:14px;min-width:22px}.command-console .versus{width:18px;height:25px;border:0;background:none;box-shadow:none}.versus span{font-size:8px}.command-console .round-message{min-height:35px;margin-top:12px;padding:0}.round-message strong{font-size:12px;line-height:1.3}.round-message span{font-size:9px;line-height:1.35;margin-top:4px}.round-message small{font-size:7px}.command-console #round-action{max-width:none;height:38px;min-height:38px;margin-top:11px}.action-caption{font-size:11px!important}.back-design{padding:15px 8px}.back-design:before{inset:6px}.sgc-gate-art{height:158px;margin-bottom:19px}.back-design>strong{font-size:14px;letter-spacing:0}.back-design>span{font-size:6px;letter-spacing:.1em;white-space:nowrap}.back-divider{margin:18px 0;width:60px}.back-design>small{font-size:6px}.back-design>p{font-size:7px;line-height:1.5}.battle-bottom{font-size:6px;margin:11px 0 13px;padding-top:8px}.battle-active footer{margin:0 11px;padding:10px 0;font-size:6px}.deck{padding-top:28px}.deck-heading h1{font-size:33px}.deck-heading .eyebrow{font-size:7px}.deck-tools{padding:9px;gap:9px}.deck-tools .search{padding:9px 11px}.deck-tools select{font-size:10px;padding:10px 15px 10px 7px}.deck-tools>span{font-size:8px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}.archive-card{border-width:3px}.archive-card .portrait{height:117px}.archive-card .card-strip{height:21px;font-size:6px;padding:0 6px}.archive-identity{padding:10px 8px;min-height:71px}.archive-identity h2{font-size:13px}.archive-identity p{font-size:7px;min-height:20px}.archive-stats{padding:9px 8px}.archive-stats span{font-size:7px}.archive-stats b{font-size:15px}.result:before{inset:54px 0 0;opacity:.42}footer{margin:0 15px;font-size:6px;padding:15px 0;gap:9px}}
@media(max-height:650px) and (max-width:520px){.battle-active .header{height:49px}.battle{padding-top:4px}.battle-top{height:22px}.scoreboard{min-height:49px;margin:5px 0 9px;padding:6px 7px}.score-side strong{font-size:20px}.battle-card .portrait{height:100px}.identity{min-height:51px;padding:6px 5px}.identity h2{font-size:12px}.identity p{font-size:6px}.identity .faction-icon{width:13px;height:19px;margin-right:4px}.stats{padding:4px 3px}.battle-card .stat{height:24px}.stat-label{font-size:8px}.stat strong{font-size:13px}.command-console .round-message{min-height:31px;margin-top:9px}.round-message strong{font-size:11px}.round-message span{font-size:8px}.command-console #round-action{height:34px;min-height:34px;margin-top:8px}.action-caption{font-size:10px!important}.battle-bottom{margin:9px 0;padding-top:6px}.sgc-gate-art{height:128px;margin-bottom:16px}.back-design>strong{font-size:11px}.back-design>span{font-size:5px}.back-divider{margin:14px 0}.battle-active footer{padding:8px 0}.header nav button{padding-left:4px;padding-right:4px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}