:root{--bg: #030308;--hud-border: #2233ff;--neon-cyan: #00f0ff;--neon-pink: #ff0055;--neon-green: #00ff66;--neon-yellow: #ffee00}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:none}body{background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden}.status-header{display:flex;align-items:center;gap:10px;width:min(960px,98vw);margin-bottom:4px;font-size:12px;padding:4px 12px;border-radius:4px;background:#0a0c1b;border:1px solid #2233ff}.dot{width:9px;height:9px;border-radius:50%;background:#f05;box-shadow:0 0 8px #f05;flex-shrink:0}.dot.connected{background:#0f6;box-shadow:0 0 8px #0f6}.header-btn{margin-left:auto;background:#142255;color:var(--neon-yellow);border:1px solid var(--neon-cyan);padding:2px 10px;font-family:inherit;font-size:11px;font-weight:700;border-radius:3px;cursor:pointer}#viewport-frame{position:relative;width:min(960px,100vw);aspect-ratio:16 / 10;max-height:calc(100vh - 36px);border:2px solid var(--hud-border);box-shadow:0 0 35px #00f0ff73,inset 0 0 20px #2233ff40;background:var(--bg);overflow:hidden}#webgl-container,#hudCanvas{position:absolute;inset:0;width:100%;height:100%}#webgl-container{z-index:1}#webgl-container canvas{width:100%!important;height:100%!important;display:block}#hudCanvas{z-index:2;pointer-events:none}#touchControls{position:absolute;inset:0;z-index:5;pointer-events:none;display:none}#touchControls.active{display:block}.touch-stick-base{position:absolute;bottom:22px;left:24px;width:124px;height:124px;border-radius:50%;border:2px solid rgba(0,240,255,.45);background:#00f0ff14;pointer-events:auto}.touch-stick-thumb{position:absolute;top:37px;left:37px;width:50px;height:50px;border-radius:50%;background:#00f0ffa6;box-shadow:0 0 12px var(--neon-cyan)}.touch-btn-group{position:absolute;bottom:18px;right:20px;display:grid;grid-template-columns:repeat(3,58px);gap:10px;pointer-events:auto}.t-btn{width:58px;height:58px;border-radius:50%;background:#14236e8c;border:2px solid var(--neon-cyan);color:#fff;font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 10px #00f0ff4d}.t-btn:active{background:#00f0ffb3;color:#000}.overlay{position:absolute;inset:0;background:#03030eeb;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(5px);padding:12px}.overlay.hidden,.t-btn.hidden{display:none}.modal-box{width:min(780px,96%);max-height:94%;overflow-y:auto;background:#080c22;border:2px solid var(--neon-cyan);box-shadow:0 0 28px #00f0ff59;padding:18px 22px;border-radius:6px;touch-action:pan-y}.modal-title{font-size:19px;color:var(--neon-yellow);text-align:center;margin-bottom:12px;letter-spacing:1.5px}.pilot-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;padding:8px;background:#0d1433;border:1px solid #2244aa;border-radius:4px;font-size:12px;flex-wrap:wrap}.pilot-input{background:#030511;border:1px solid var(--neon-cyan);color:var(--neon-yellow);font-family:inherit;font-weight:700;font-size:14px;width:90px;text-align:center;padding:3px 6px;text-transform:uppercase;user-select:text;-webkit-user-select:text;touch-action:auto}.modal-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px}@media (max-width: 680px){.modal-grid{grid-template-columns:1fr}}.section-title{font-size:13px;color:var(--neon-cyan);border-bottom:1px solid #2233ff;padding-bottom:4px;margin:0 0 8px;display:flex;justify-content:space-between}.section-title.spaced{margin-top:14px}.remap-row,.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:7px;gap:8px}.remap-btn{background:#125;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:3px 9px;cursor:pointer;font-family:inherit;font-size:11px;border-radius:3px}.remap-btn.listening{background:var(--neon-pink);color:#fff;border-color:#fff}.toggle{width:18px;height:18px;accent-color:#00f0ff;cursor:pointer}.score-row{display:grid;grid-template-columns:36px 1fr 70px 85px;font-size:12px;padding:4px 6px;margin-bottom:4px;background:#ffffff08;border-radius:3px;color:#acf}.score-row.me{background:#00ff6629;border:1px solid var(--neon-green);color:#fff;font-weight:700}.intel{font-size:11px;line-height:1.55;color:#acf}.intel .row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #141c44;padding:2px 0}.intel .tag{font-weight:700}.intel .rule{color:#78a;font-size:10px;margin-top:6px}.board-note{font-size:11px;color:#78a;margin-top:6px;line-height:1.4}.modal-footer{margin-top:14px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.action-btn{background:var(--neon-cyan);color:#030308;border:none;padding:8px 20px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;border-radius:4px}.action-btn.secondary{background:#1b2855;color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.title-logo{font-size:clamp(26px,5vw,44px);color:var(--neon-cyan);text-align:center;letter-spacing:4px;text-shadow:0 0 18px rgba(0,240,255,.7)}.title-sub{font-size:13px;color:var(--neon-yellow);text-align:center;letter-spacing:3px;margin:6px 0 16px}.controls-table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0 14px}.controls-table td{padding:3px 6px;border-bottom:1px solid #141c44}.controls-table td:first-child{color:var(--neon-cyan);width:42%}.safety-note{font-size:11px;color:#fc8;border:1px solid #664422;background:#50280a40;padding:8px 10px;border-radius:4px;line-height:1.45;margin-bottom:12px}.launch-btn{font-size:16px;padding:10px 34px;letter-spacing:2px}.title-best{font-size:12px;color:#acf;text-align:center;margin-top:10px}.title-logline{font-size:12px;color:#acf;text-align:center;font-style:italic;margin-top:12px;line-height:1.5}.story-overlay{background:#02030cf0;z-index:20;cursor:pointer}.story-box{width:min(720px,94%);padding:28px 30px 18px;border-top:1px solid #2233ff;border-bottom:1px solid #2233ff}.story-speaker{font-size:13px;letter-spacing:3px;font-weight:700;margin-bottom:12px}.story-text{font-size:clamp(15px,2.4vw,20px);line-height:1.6;color:#e8f0ff;min-height:6.4em}.story-text.narration{color:#acf;font-style:italic}.story-text.caps{color:#f67;letter-spacing:1px;text-transform:uppercase}.story-foot{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#78a;flex-wrap:wrap}#codexOverlay{z-index:21}.codex-box{width:min(820px,96%)}.codex-count{color:#acf;font-size:13px;margin-left:8px}.codex-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;justify-content:center}.codex-tab{background:#0d1433;color:#acf;border:1px solid #2244aa;padding:4px 10px;font-family:inherit;font-size:11px;cursor:pointer;border-radius:3px}.codex-tab.active{background:#00f0ff;color:#030308;border-color:#00f0ff;font-weight:700}.codex-list{display:grid;gap:8px}.codex-entry{background:#ffffff08;border:1px solid #1a2455;border-radius:4px;padding:9px 12px}.codex-entry.locked{opacity:.55}.codex-title{color:#fe0;font-size:13px;font-weight:700;margin-bottom:4px}.codex-entry.locked .codex-title{color:#78a}.codex-body{font-size:12px;line-height:1.55;color:#c8d6ff}.action-btn.hidden{display:none}.continue-btn{background:#062a33;color:var(--neon-cyan, #00f0ff);border:1px solid #00f0ff}.diff-block{margin:10px 0 2px;text-align:center}.diff-label{font-size:10px;letter-spacing:3px;color:#89c;margin-bottom:5px}.diff-seg{display:inline-flex;border:1px solid #3a4c88;border-radius:4px;overflow:hidden}.diff-btn{background:#0b1230;color:#9fb0e0;border:0;border-right:1px solid #3a4c88;padding:6px 14px;font:inherit;font-size:12px;letter-spacing:1px;cursor:pointer}.diff-btn:last-child{border-right:0}.diff-btn.on{background:#ffd27a;color:#160e00;font-weight:700}.diff-seg.small .diff-btn{padding:3px 8px;font-size:10px}.diff-desc{font-size:11px;color:#abd;margin-top:6px;min-height:14px}small.dim{color:#78a;font-size:9px}.rules-more{margin:-6px 0 12px;font-size:12px}.rules-more summary{cursor:pointer;color:var(--neon-yellow);letter-spacing:1px;padding:4px 0}.rules-more[open] summary{margin-bottom:4px}.credits-more{margin:12px 0 0;text-align:left}.credits-body p{margin:6px 0;line-height:1.4}.licence-text{white-space:pre-wrap;font-size:10px;line-height:1.35;color:#8fa3d8;background:#050a1c;border:1px solid #141c44;padding:8px;max-height:160px;overflow:auto}.touch-stick-zone{position:absolute;left:0;bottom:0;width:42%;height:62%;pointer-events:auto}.touch-stick-base{z-index:1}#btnFire{width:76px;height:76px;font-size:13px;margin:-9px}#trialsModal{z-index:12}.trials-intro{text-align:center;color:#abd;font-size:12px;margin:-4px 0 14px}.trials-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.trials-set{grid-column:1 / -1;display:flex;gap:10px;align-items:baseline;border-bottom:1px solid #2a3a7a;padding:6px 0 4px;margin-top:4px}.trials-set b{color:#ffd27a;letter-spacing:2px;font-size:12px}.trials-set span{color:#7f9bd8;font-size:10px}.trial-card{background:#0b1230;border:1px solid #2a3a7a;border-radius:5px;padding:12px;text-align:left;font:inherit;color:#c8d6ff;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:150px}.trial-card:hover:not(:disabled),.trial-card:focus-visible{border-color:var(--trial, #00f0ff);box-shadow:0 0 14px color-mix(in srgb,var(--trial, #00f0ff) 40%,transparent);outline:none}.trial-card:disabled{opacity:.5;cursor:default}.trial-drone{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--trial, #00f0ff)}.trial-title{font-size:15px;color:#fe0;font-weight:700;letter-spacing:1px}.trial-blurb{font-size:11px;line-height:1.5;flex:1}.trial-medal{font-size:11px;color:#ffd27a}.trial-brief{align-self:flex-start;background:none;border:0;color:#7f9bd8;font:inherit;font-size:10px;text-decoration:underline;cursor:pointer;padding:0}.blood-btn{background:#2a0008;color:#ff6680;border:1px solid #ff1a3c;box-shadow:0 0 12px #ff1a3c59}#titleScreen{container-type:size}body.art.logo-art .title-logo{width:min(540px,88vw,88cqw,50cqh * 1.414);aspect-ratio:1024 / 724;margin:-8px auto 2px;background:var(--art-ui_title_logo) center / contain no-repeat;color:transparent;text-shadow:none;font-size:0;filter:drop-shadow(0 0 18px rgba(0,240,255,.35))}body.art.logo-art .title-sub{display:none}body.art .touch-btn-group{row-gap:20px}body.art .t-btn{position:relative;background:center / 100% 100% no-repeat;border:0;box-shadow:none;font-size:0;color:transparent}body.art .t-btn:after{content:attr(data-cap);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2px;font-size:8px;letter-spacing:1px;color:#bfe8ff;white-space:nowrap;text-shadow:0 0 4px #000,0 0 2px #000}body.art .t-btn:active{filter:brightness(1.5);transform:scale(.94);background-color:transparent}body.art #btnFire{background:var(--art-ui_touch_fire) center / 100% 100% no-repeat!important}body.art #btnNova{background-image:var(--art-ui_touch_nova)}body.art #btnDeploy{background-image:var(--art-ui_touch_deploy)}body.art #btnUpgr{background-image:var(--art-ui_touch_boost)}body.art #btnPhase{background-image:var(--art-ui_touch_phase)}body.art #btnFold{background-image:var(--art-ui_touch_fold)}body.art #btnDrone{background-image:var(--art-ui_touch_drone)}.story-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.story-head .story-speaker{margin-bottom:0}.story-face{width:72px;height:72px;object-fit:cover;object-position:50% 25%;border-radius:50%;border:2px solid #00f0ff;box-shadow:0 0 14px #0009}.story-overlay{background-size:cover;background-position:center;transition:background-image .6s}.story-overlay .story-box{position:relative}.story-overlay.with-art{background-size:cover;background-position:center 30%;justify-content:flex-end;padding-bottom:4vh}.story-overlay.with-art .story-box{border-color:#2233ff59;background:linear-gradient(#02030c00,#02030c8c 20%)}.story-overlay.with-art .story-text{text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.8)}body.art .trial-card{position:relative;padding-right:46px}body.art .trial-card:before{content:"";position:absolute;top:8px;right:8px;width:34px;height:34px;background:center / contain no-repeat}body.art .trial-card[data-drone=A]:before{background-image:var(--art-ui_drone_slot_A)}body.art .trial-card[data-drone=L]:before{background-image:var(--art-ui_drone_slot_L)}body.art .trial-card[data-drone=S]:before{background-image:var(--art-ui_drone_slot_S)}body.art .trial-card[data-drone=T]:before{background-image:var(--art-ui_drone_slot_T)}.medal-art{display:none}body.art .trial-card:not([data-medal="0"]) .medal-art{display:inline-block;width:26px;height:26px;vertical-align:middle;margin-right:6px;background:center / contain no-repeat}body.art .trial-card[data-medal="1"] .medal-art{background-image:var(--art-ui_medal_1)}body.art .trial-card[data-medal="2"] .medal-art{background-image:var(--art-ui_medal_2)}body.art .trial-card[data-medal="3"] .medal-art{background-image:var(--art-ui_medal_3);filter:brightness(1.35) saturate(1.3) drop-shadow(0 0 4px rgba(255,210,74,.6))}body.art .medal-emoji{display:none}.campaign-box{width:min(1060px,97%)}.campaign-list{display:flex;flex-direction:column;gap:8px}.cm-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px}.cm-world{background:#0a1029;border:1px solid #22305f;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.cm-world-head{display:flex;align-items:center;gap:8px;padding:2px 2px 6px;border-bottom:1px solid #1d2850}.cm-world-head b{display:block;font-size:12px;letter-spacing:2px;color:var(--trial, #00f0ff)}.cm-world-head small{display:block;font-size:10px;color:#8fa6d8;letter-spacing:1px}.cm-slot{width:28px;height:28px;flex:none;border-radius:50%;border:1px solid var(--trial, #00f0ff);background:center / contain no-repeat}body.art .cm-slot[data-drone=A]{background-image:var(--art-ui_drone_slot_A);border:0}body.art .cm-slot[data-drone=L]{background-image:var(--art-ui_drone_slot_L);border:0}body.art .cm-slot[data-drone=S]{background-image:var(--art-ui_drone_slot_S);border:0}body.art .cm-slot[data-drone=T]{background-image:var(--art-ui_drone_slot_T);border:0}.cm-node{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:6px;text-align:left;background:#0d1638;border:1px solid #2a3a7a;border-radius:4px;padding:6px 8px;color:#c8d6ff;font:inherit;cursor:pointer}.cm-node:hover:not(:disabled),.cm-node:focus-visible{border-color:var(--trial, #00f0ff);outline:none;box-shadow:0 0 10px #00f0ff4d}.cm-node:disabled{opacity:.45;cursor:default}.cm-node.optional{border-style:dashed}.cm-node.done{border-color:#1f6b4a}.cm-node.next{border-color:#fe0;box-shadow:0 0 12px #ffee0059}.cm-icon{grid-row:1 / 3;font-size:15px}.cm-main b{display:block;font-size:11px;letter-spacing:1px;color:#fe0}.cm-main i{display:block;font-style:normal;font-size:10px;line-height:1.4;color:#9fb2e0;margin-top:2px}.cm-status{grid-column:2;font-size:10px;color:#ffd27a;margin-top:3px;letter-spacing:1px}.cm-node.done .cm-status{color:#6fa}.cm-finale{max-width:520px}.cm-tip{font-size:10px;color:#ff6680;font-style:italic;padding:2px 4px}.setting-note{font-size:10px;color:#7f9bd8;font-weight:400}:root{--neon: #00e5ff;--neon-soft: rgba(0, 229, 255, .5);--ceramic: #eef5ff;--gold: #ffd27a;--magenta: #ff2d8a;--orange: #ff8a2a;--steel-hi: #3a4356;--steel: #252c3a;--steel-lo: #141923;--steel-deep: #0a0e16;--rim: #04060b;--quiet: #8fa6d8;--head: "Russo One", "Chakra Petch", sans-serif;--body: "Chakra Petch", "Courier New", monospace;--gunmetal: linear-gradient(180deg, #2e3647 0%, #1a202c 42%, #0c1018 100%);--gunmetal-dark: linear-gradient(180deg, #1c222e 0%, #0e121b 100%)}body{font-family:var(--body);font-weight:500}button,input,select,summary{font-family:var(--body)}.modal-box,.codex-entry,.trial-card,.cm-world,.cm-node,.safety-note,.action-btn,.codex-tab,.remap-btn,.header-btn,.diff-seg,.theme-plate{--chamfer: polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));--chevron: polygon(var(--k) 0, calc(100% - var(--k)) 0, 100% 50%, calc(100% - var(--k)) 100%, var(--k) 100%, 0 50%);--corner-lines: linear-gradient(to bottom right, transparent calc(50% - 1.6px) , var(--edge, var(--neon)) calc(50% - 1.6px) calc(50% + .6px) , transparent calc(50% + .6px) ) top left / var(--c) var(--c) no-repeat, linear-gradient(to bottom left, transparent calc(50% - 1.6px) , var(--edge, var(--neon)) calc(50% - 1.6px) calc(50% + .6px) , transparent calc(50% + .6px) ) top right / var(--c) var(--c) no-repeat, linear-gradient(to top right, transparent calc(50% - 1.6px) , var(--edge, var(--neon)) calc(50% - 1.6px) calc(50% + .6px) , transparent calc(50% + .6px) ) bottom left / var(--c) var(--c) no-repeat, linear-gradient(to top left, transparent calc(50% - 1.6px) , var(--edge, var(--neon)) calc(50% - 1.6px) calc(50% + .6px) , transparent calc(50% + .6px) ) bottom right / var(--c) var(--c) no-repeat}#viewport-frame{border:3px solid var(--steel);box-shadow:0 0 0 1px var(--rim),inset 0 0 0 1px var(--neon-soft),0 0 30px #00e5ff4d}.status-header{background:var(--gunmetal-dark);border:1px solid var(--steel-hi);border-radius:0;box-shadow:inset 0 0 0 1px #00e5ff40;font-weight:600;letter-spacing:.5px}.modal-box,.codex-entry,.trial-card,.cm-world,.cm-node,.safety-note{--c: 14px;clip-path:var(--chamfer);border:0;border-radius:0;background:var(--corner-lines),var(--gunmetal);box-shadow:inset 0 0 0 2px var(--edge, var(--neon)),inset 0 0 22px #00e5ff1f}.modal-box{padding:20px 26px}.cm-world,.codex-entry{--c: 10px;--edge: rgba(0, 229, 255, .55);background:var(--corner-lines),var(--gunmetal-dark)}.cm-node,.trial-card{--c: 8px;--edge: rgba(0, 229, 255, .4);background:var(--corner-lines),var(--gunmetal)}.cm-node:hover:not(:disabled),.cm-node:focus-visible,.trial-card:hover:not(:disabled),.trial-card:focus-visible{--edge: var(--trial, var(--neon));box-shadow:inset 0 0 0 2px var(--edge),inset 0 0 26px #00e5ff47}.cm-node.next{--edge: var(--gold);box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 24px #ffd27a40}.cm-node.done{--edge: rgba(93, 255, 160, .55)}.cm-node.optional{--edge: rgba(0, 229, 255, .25)}.safety-note{--c: 8px;--edge: rgba(255, 138, 42, .6);background:var(--corner-lines),linear-gradient(180deg,#3c220ed9,#1a0e06e6);padding:10px 14px}.modal-title,.section-title,.trial-title,.codex-title,.cm-world-head b,.cm-main b,.story-speaker,.diff-label,.trials-set b,.title-sub,.codex-count{font-family:var(--head);font-weight:400;letter-spacing:1.5px}.modal-title{color:var(--ceramic);font-size:21px;text-shadow:0 0 10px rgba(0,229,255,.7),0 2px 0 var(--rim)}.section-title{color:var(--ceramic);border-bottom:0;background:linear-gradient(90deg,var(--neon),transparent) bottom left / 100% 2px no-repeat;padding-bottom:6px;text-shadow:0 0 8px rgba(0,229,255,.5)}.trial-title,.codex-title,.cm-main b{color:var(--ceramic);text-shadow:0 0 8px rgba(0,229,255,.45)}.codex-entry.locked .codex-title{color:var(--quiet);text-shadow:none}.title-sub{color:var(--ceramic);font-size:15px;letter-spacing:4px;text-shadow:0 0 10px rgba(0,229,255,.8)}.title-logo{font-family:var(--head);color:var(--ceramic);text-shadow:0 0 16px rgba(0,229,255,.9),0 3px 0 var(--rim);letter-spacing:6px}.controls-table td:first-child{color:#7fe9ff;font-weight:600}.controls-table td{border-bottom:1px solid rgba(0,229,255,.12)}.rules-more summary{color:var(--gold);font-family:var(--head);letter-spacing:1.5px}.action-btn,.codex-tab,.remap-btn,.header-btn{--k: 12px;position:relative;isolation:isolate;background:none!important;border:0!important;border-radius:0;color:var(--ceramic)!important;font-family:var(--head);font-weight:400;letter-spacing:1.5px;text-transform:uppercase;padding:10px 26px;text-shadow:0 1px 0 var(--rim);transition:filter .15s,transform .08s}.action-btn:before,.codex-tab:before,.remap-btn:before,.header-btn:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--chevron);background:var(--btn-edge, var(--neon))}.action-btn:after,.codex-tab:after,.remap-btn:after,.header-btn:after{content:"";position:absolute;inset:2px;z-index:-1;clip-path:var(--chevron);background:var(--btn-fill, var(--gunmetal))}.action-btn:hover,.action-btn:focus-visible,.codex-tab:hover,.remap-btn:hover,.header-btn:hover{filter:drop-shadow(0 0 8px var(--btn-edge, var(--neon)));outline:none}.action-btn:active{transform:translateY(1px) scale(.98)}.action-btn.launch-btn{--btn-fill: linear-gradient(180deg, #4ff0ff 0%, #00b4d0 55%, #007f99 100%);color:#031018!important;text-shadow:0 1px 0 rgba(255,255,255,.35);font-size:16px}.action-btn.secondary{--btn-edge: rgba(0, 229, 255, .65)}.action-btn.continue-btn{--btn-edge: var(--gold)}.action-btn.blood-btn{--btn-edge: #ff1a3c;--btn-fill: linear-gradient(180deg, #4a0a16, #1c0308);color:#ffb3c0!important;box-shadow:none}.codex-tab,.remap-btn,.header-btn{--k: 8px;padding:5px 16px;font-size:11px}.codex-tab.active{--btn-fill: linear-gradient(180deg, #4ff0ff, #00a8c4);color:#031018!important}.remap-btn.listening{--btn-fill: linear-gradient(180deg, #ff5aa8, #b0105a)}.diff-seg{border:0;border-radius:0;--k: 10px;clip-path:var(--chevron);background:var(--neon-soft);padding:2px;gap:2px}.diff-btn{background:var(--steel-lo);color:#b8c8ea;border:0;font-family:var(--head);font-weight:400;letter-spacing:1.5px}.diff-btn:first-child{padding-left:20px}.diff-btn:last-child{padding-right:20px}.diff-btn.on{background:linear-gradient(180deg,#4ff0ff,#00a8c4);color:#031018}.diff-label{color:var(--quiet)}.pilot-bar{background:var(--gunmetal-dark);border:1px solid var(--steel-hi);border-radius:0}.pilot-input{background:var(--rim);border:1px solid var(--neon);color:var(--ceramic);font-family:var(--head)}.score-row{background:#ffffff08;border-radius:0}.score-row.me{background:#00e5ff1f;border:1px solid var(--neon)}.trials-set{border-bottom:0;background:linear-gradient(90deg,var(--neon),transparent) bottom left / 100% 2px no-repeat}.trials-set b,.cm-world-head b{color:var(--ceramic)}.cm-world-head{border-bottom:1px solid rgba(0,229,255,.2)}.story-box{border-top:2px solid var(--neon-soft);border-bottom:2px solid var(--neon-soft)}.story-speaker{text-shadow:0 0 8px currentColor}.story-face{border-color:var(--neon)}.licence-text{background:var(--rim);border-color:#00e5ff33}.toggle{accent-color:var(--neon)}.t-btn{background:radial-gradient(circle at 50% 35%,#3a4356,#141923 70%);border:2px solid var(--neon);font-family:var(--head);font-weight:400;color:var(--ceramic)}.touch-stick-base{border:2px solid var(--neon-soft);background:radial-gradient(circle,#00e5ff1a,#0a0e1659)}#demoEndModal{z-index:25}.demo-box{width:min(640px,96%);text-align:center;max-height:94%;overflow-y:auto}.demo-box .title-logo{margin-bottom:4px}body.art.logo-art #demoEndModal .demo-box .title-logo{width:190px;margin:-6px auto 0}#demoEndModal .modal-title{font-size:17px;margin-bottom:6px}#demoEndModal .demo-list{line-height:1.45}#demoEndModal .modal-footer{margin-top:10px}#demoEndModal #demoCloseBtn{font-size:11px;padding:6px 16px;opacity:.85}.demo-sub{color:var(--quiet);font-size:13px;margin:2px 0 10px}.demo-list{text-align:left;margin:0 auto 6px;max-width:520px;padding-left:18px;font-size:13px;line-height:1.6;color:#c8d6ff}.demo-list b{color:var(--ceramic)}.demo-tag{text-align:center;font-family:var(--head);letter-spacing:3px;font-size:12px;color:#031018;background:linear-gradient(180deg,#4ff0ff,#00a8c4);width:max-content;margin:-2px auto 10px;padding:3px 14px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}.demo-tag.hidden{display:none}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(./russo-one-latin-400-normal-BfOuQF9V.woff2) format("woff2"),url(./russo-one-latin-400-normal-CosRecV9.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2) format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff) format("woff")}