.gate-page{background:var(--bg);color:#edf7fa;padding:50px 0 0}.gate-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.gate-heading a{font-size:.8rem;color:#8daab4}.gate-heading p{font-size:.86rem;color:#8daab4;line-height:1.8;margin:15px 0}.gate-heading>div:first-child>p{font-size:.68rem;letter-spacing:.18em;margin-top:28px}.gate-heading h1{font-size:clamp(2.5rem,4.2vw,4.4rem);letter-spacing:-.045em;line-height:1.04;margin:10px 0;color:white}.gate-heading h1 span{color:var(--cyan)}.gate-tag{font-size:.65rem;letter-spacing:.16em;color:#95f8d8;border:1px solid #37615d;border-radius:5px;padding:8px 12px;display:inline-block}.gate-game{border:1px solid #26414d;border-radius:14px;overflow:hidden;background:#101f28;box-shadow:0 25px 70px #0004}.gate-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;background:#112631;gap:12px}.gate-topbar>span{font-size:.75rem;letter-spacing:.07em;font-weight:700}.gate-topbar small{color:#658791;font-size:.6rem;margin-left:15px}.gate-topbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#74e4c5;margin-right:8px}.gate-stats{display:flex;gap:25px}.gate-stats>span{color:#80a1ad;font-size:.59rem;display:flex;align-items:center;gap:9px}.gate-stats b{font-size:1.2rem;color:white;font-variant-numeric:tabular-nums}.gate-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.gate-viewport{height:580px;position:relative;background:radial-gradient(at 50% 80%,#12363b,#101e2c);min-width:0}.gate-viewport canvas{width:100%;height:100%;display:block}.gate-camera-label{position:absolute;top:20px;left:22px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.gate-camera-label>span{font-size:.64rem;letter-spacing:.14em;color:#b3eee1}.gate-camera-label small{font-size:.57rem;color:#9ab6bd;letter-spacing:.1em}.gate-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(100deg,#07141be8,#0d212589);padding:35px;backdrop-filter:blur(2px)}.gate-overlay[hidden]{display:none}.gate-overlay h3{font-size:clamp(2rem,3.3vw,3.7rem);line-height:1.06;letter-spacing:-.05em;max-width:600px;margin:23px 0 16px;color:#f1faf7}.gate-overlay p{max-width:410px;color:#bacfd3;line-height:1.8;font-size:.9rem}.gate-overlay small{font-size:.65rem;color:#85a2a9;margin-top:17px}.gate-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:#09251e!important;border:0;font-weight:800;font-size:.85rem;border-radius:5px;padding:15px 24px;cursor:pointer}.gate-primary:disabled{opacity:.7;cursor:wait}.gate-overlay .gate-primary{margin-top:15px;min-width:210px}.gate-console{padding:23px;background:#0c1b24;border-left:1px solid #25404b}.gate-console-head{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.09em;color:#82a7b3;gap:5px}.gate-console-head span:last-child{color:#81dfc3}.gate-plate{display:flex;border-radius:7px;border:4px solid #dce7e9;background:#e7edef;color:#13202c;margin:22px 0 10px;overflow:hidden;align-items:stretch}.gate-plate>span{background:#1c50a4;color:white;font-size:.66rem;display:grid;place-items:center;width:27px}.gate-plate strong{color:#13202c;font-family:monospace;font-size:1.4rem;text-align:center;flex:1;padding:12px 2px;letter-spacing:.04em}.gate-console dl{margin:0}.gate-console dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #25404b;padding:11px 0;font-size:.72rem}.gate-console dt{color:#799ba7}.gate-console dd{color:#dcebed;margin:0;text-align:right}.gate-decision-hint{font-size:.75rem;line-height:1.6;color:#a9c5ca;margin:18px 0;min-height:37px}.gate-decisions{display:grid;gap:8px}.gate-decisions button{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #396957;background:#163b30;color:#a9f2cf;font:inherit;font-size:.79rem;border-radius:5px;cursor:pointer}.gate-decisions [data-deny]{border-color:#754b4c;background:#3b282e;color:#f1b5b5}.gate-decisions button:disabled{opacity:.38;cursor:default}.gate-game kbd{font-family:inherit;font-size:.64rem;border:1px solid #6b81856b;border-radius:4px;padding:2px 5px}.gate-console-tools{display:flex;gap:8px;margin:13px 0}.gate-console-tools button{background:transparent;border:1px solid #34525d;color:#a9c1c9;font-size:.69rem;padding:8px;border-radius:5px;cursor:pointer;flex:1}.gate-console-tools button:disabled{opacity:.4}.gate-legend{font-size:.65rem;line-height:1.9;color:#718d9a}.gate-legend b{display:block;color:#9fb9c2}.gate-console>a{font-size:.68rem;color:#80dcbd}.gate-view-tools{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #4769718c;border-radius:7px;background:#0c1b24d9}.gate-view-tools>span{font-size:.55rem;color:#91aeb9;padding:0 6px}.gate-view-tools button{background:transparent;border:0;color:#a6c4cc;padding:7px 11px;font-size:.63rem;border-radius:4px;cursor:pointer}.gate-view-tools button[aria-pressed=true]{background:#2d5554;color:#b0f4db}.gate-feedback{position:absolute;bottom:85px;left:20px;right:20px;text-align:center;font-size:.84rem;font-weight:650;color:#affadb;text-shadow:0 2px 5px #000}.gate-feedback[data-wrong=true]{color:#ffb7ab}.gate-bottom{display:flex;justify-content:space-between;padding:16px 22px;gap:15px;color:#6f8f9b;font-size:.63rem;background:#112631}.gate-follow{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:60px;padding-bottom:65px}.gate-follow p{font-size:.61rem;color:#6edabb;letter-spacing:.15em}.gate-follow h2{font-size:1.7rem;color:#e5f0ef;letter-spacing:-.025em;max-width:570px}.gate-game button:focus-visible,.gate-game a:focus-visible{outline:3px solid #f4c86d;outline-offset:3px}
@media(max-width:1000px){.gate-layout{grid-template-columns:minmax(0,1fr) 280px}.gate-viewport{height:590px}.gate-console{padding:19px}.gate-heading{gap:20px}}
@media(max-width:700px){.gate-page{padding-top:30px}.gate-heading{display:block}.gate-heading>div:last-child{margin-top:22px}.gate-heading>div:last-child>p{font-size:.78rem}.gate-layout{grid-template-columns:1fr}.gate-viewport{height:410px}.gate-console{border-left:0;border-top:1px solid #25404b;padding:20px}.gate-console dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.gate-console dl>div{font-size:.65rem}.gate-console-head{font-size:.65rem}.gate-plate{max-width:260px;margin:18px auto}.gate-decisions{grid-template-columns:1fr 1fr}.gate-topbar{padding:13px 12px}.gate-topbar>span{font-size:.57rem}.gate-topbar small{display:none}.gate-stats{gap:10px}.gate-stats>span{gap:4px;font-size:.5rem}.gate-stats b{font-size:.92rem}.gate-legend{margin:15px 0 8px}.gate-bottom{display:block;font-size:.58rem;line-height:2}.gate-bottom>span{display:block}.gate-follow{display:block}.gate-follow .gate-primary{margin-top:15px}.gate-overlay{padding:25px}.gate-overlay p{font-size:.78rem}.gate-overlay small{font-size:.58rem}.gate-page .shell{width:calc(100% - 30px)}.gate-overlay h3{font-size:2.3rem;margin:18px 0 8px}}
.drive-steering{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;pointer-events:none}.drive-steering button{pointer-events:auto;display:grid;place-items:center;gap:0;width:66px;height:67px;border-radius:12px;background:#08172de8;border:1px solid #328fe5;color:#d4f4ff;font-size:1.8rem;font-weight:800;cursor:pointer;touch-action:manipulation;box-shadow:0 5px 18px #0006}.drive-steering button small{font-size:.55rem;letter-spacing:.12em}.drive-steering button:hover{background:#155999}.drive-steering button:active{transform:scale(.96)}.drive-steering button:disabled{opacity:.28;pointer-events:none}.drive-game .gate-view-tools{left:auto;bottom:auto;right:16px;top:17px}.drive-game .gate-view-tools>span{display:none}.drive-game .gate-feedback{bottom:100px;left:12px;right:12px;padding:8px;border-radius:8px;pointer-events:none}.drive-game .gate-overlay{z-index:5}.drive-game .gate-console{display:flex;flex-direction:column}.drive-flow{list-style:none;padding:0;margin:5px 0 10px;display:grid;gap:10px}.drive-flow li{font-size:.75rem;color:#7e9bab;display:flex;gap:12px;align-items:center;border:1px solid #244656;padding:10px;border-radius:6px}.drive-flow li span{color:#73b9de;font-size:.65rem}.drive-flow li.is-active{border-color:#1c94da;background:#0c3149;color:#c0eeff}.drive-game .gate-console-tools{margin-top:10px}.drive-game .gate-legend{margin:6px 0 15px}.drive-game .gate-decision-hint{min-height:50px}.drive-game .gate-console>a{margin-top:auto}.drive-game .gate-plate{flex-shrink:0}
@media(max-width:700px){.drive-game .gate-viewport{height:440px}.drive-game .gate-view-tools{top:16px;right:10px;gap:0;padding:3px}.drive-game .gate-view-tools button{padding:6px 8px;font-size:.58rem}.drive-game .gate-camera-label{left:13px;top:20px}.drive-game .gate-camera-label>span{font-size:.57rem}.drive-game .gate-camera-label small{font-size:.5rem}.drive-steering button{width:64px;height:64px}.drive-game .gate-decision-hint{min-height:0}.drive-flow{grid-template-columns:1fr}.drive-game .gate-legend{font-size:.69rem}.drive-game .gate-overlay h3{font-size:2rem}.drive-game .gate-overlay .gate-tag{font-size:.52rem}.drive-game .gate-console dl{font-size:.65rem}}

.drive-game .gate-viewport{height:auto;min-height:580px}.drive-game [data-gate-canvas]{position:absolute;inset:0}.drive-game .gate-plate{width:100%;max-width:260px}@media(max-width:700px){.drive-game .gate-viewport{height:440px;min-height:440px}}