*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:monospace;background:#081912;color:#fff}body{background:linear-gradient(#163a2b,#07150f);image-rendering:pixelated}.hidden{display:none!important}.screen{max-width:1120px;min-height:100vh;margin:auto;padding:14px}.center{display:flex;align-items:center;justify-content:center;flex-direction:column}.logo8{font-size:66px}.main-title{font-size:clamp(34px,8vw,66px);margin:0;text-shadow:5px 5px #000}.sub-title{color:#b8e0c8;letter-spacing:2px}.panel{background:#f3efd8;color:#172b22;border:4px solid #172b22;box-shadow:8px 8px 0 #0006}.authbox{width:min(92vw,450px);padding:14px}.tabs{display:flex;gap:7px}.tab{flex:1;border:3px solid #172b22;padding:10px;background:#d8e4d7;font-family:inherit;font-weight:900}.tab.active{background:#2b9c60;color:#fff}input,select{width:100%;padding:12px;border:3px solid #172b22;margin:6px 0;font-family:inherit}.pixelbtn{border:3px solid #172b22;box-shadow:4px 4px 0 #0006;padding:9px 12px;font-family:inherit;font-weight:900;text-decoration:none;display:inline-block;cursor:pointer}.pixelbtn:active{transform:translate(2px,2px);box-shadow:2px 2px #0006}.primary{background:#ffd84a;color:#172b22}.ghost{background:#d9e5dc;color:#172b22}.error{color:#a42b2b;text-align:center}header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}header>div{display:flex;flex-direction:column}.who small{color:#9dd8b6}.who span,header span{color:#c5e4d1}.profile8{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;background:#214b38;border:4px solid #07130e;padding:12px;box-shadow:6px 6px #0005}.profile8 canvas{width:48px;height:48px;image-rendering:pixelated;background:#173d2d;border:3px solid #07130e}.profile8 div:nth-child(2){display:flex;flex-direction:column}.profile8 small{color:#ffd84a}.xpbox{text-align:right}.xpbox b{font-size:28px}.meters{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:10px 0}.meters div{background:#173d2d;border:3px solid #07130e;padding:8px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:17px 0 8px}.toolbar h2{margin:0}.toolbar p{margin:3px 0;color:#b7d8c4}.maptrack{display:flex;align-items:center;justify-content:center;gap:0;margin:10px 0 14px;overflow:auto;padding:8px}.mapnode{min-width:52px;height:52px;border:4px solid #07130e;background:#2a8453;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:4px 4px #0005}.mapnode.lock{background:#66706a}.mapline{width:35px;height:6px;background:#ffd84a;border-top:2px solid #07130e;border-bottom:2px solid #07130e}.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.level{background:#214b37;border:4px solid #07130e;box-shadow:5px 5px #0005;padding:12px;min-height:205px}.level.locked{opacity:.4;filter:grayscale(1)}.level .ico{font-size:34px}.level h3{margin:6px 0}.level p{font-size:12px;color:#c7e2d2;min-height:34px}.level small{display:block;color:#ffd84a;margin:6px 0}.tags span{font-size:10px;background:#0c2b1e;padding:3px 5px;margin-right:4px}.disabled-link{opacity:.35;pointer-events:none}.mission{background:#173d2d;border:3px solid #07130e;padding:8px;margin-bottom:8px}.gamebox{position:relative;border:5px solid #07130e;background:#07130e;box-shadow:8px 8px #0008;overflow:hidden}.gamebox canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;image-rendering:pixelated}.hud8{position:absolute;left:5px;top:5px;display:flex;gap:5px;flex-wrap:wrap;z-index:5}.hud8 span,.powerhud{background:#000b;border:2px solid #fff;padding:3px 5px;font-size:10px}.powerhud{position:absolute;right:5px;top:5px;z-index:6;color:#ffd84a}.qpanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92%,720px);background:#f3efd8;color:#172b22;border:4px solid #172b22;box-shadow:7px 7px #0008;padding:11px;z-index:9}.qpanel>b{display:block;font-size:17px;margin-bottom:8px}.qpanel #qChoices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.qchoice{border:3px solid #172b22;background:#dbe6d8;padding:8px;font-family:inherit;text-align:left;font-weight:800}.dressgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.dressitem{border:3px solid #172b22;background:#dbe6d8;padding:6px;text-align:center;font-family:inherit}.dressitem.selected{background:#ffd84a}.dressitem span{display:block;font-size:22px}.feedback,.ratingfx{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);z-index:15;background:#f3efd8;color:#172b22;border:4px solid #172b22;box-shadow:6px 6px #0008;padding:9px 13px;font-weight:900}.feedback.ok{background:#8fe0aa}.feedback.bad{background:#f09b9b}.ratingfx{top:42%;font-size:26px;background:#ffd84a}.controls{position:absolute;inset:0;pointer-events:none;z-index:8}.joy{position:absolute;left:14px;bottom:14px;width:88px;height:88px;border:4px solid #07130e;background:#ffffff55;pointer-events:auto;touch-action:none}.joy #knob{position:absolute;left:28px;top:28px;width:28px;height:28px;background:#f3efd8;border:3px solid #07130e}.actionbtns{position:absolute;right:14px;bottom:14px;display:flex;gap:7px;pointer-events:auto}.actionbtns button{min-width:76px}.pass{background:#62a9ff}.shoot{background:#ff7070}.hudtext{background:#07130e;padding:9px}.actions{display:flex;gap:8px;margin-top:8px}.actions>*{flex:1}.summary{width:min(92vw,680px);padding:20px;text-align:center}.sumicon{font-size:48px}.bigscore b{font-size:58px}.sumgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.sumgrid div{background:#dce9dc;border:3px solid #172b22;padding:8px}.sumstars{font-size:30px}.bonusresult{padding:7px;margin:8px 0;background:#e6e1ff;border:3px solid #172b22}.autoback{background:#dff2e5;border:3px solid #172b22;padding:7px}.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:15px;z-index:99}.modalbox{width:min(92vw,680px);max-height:86vh;overflow:auto;padding:15px;position:relative}.xbtn{position:absolute;right:7px;top:5px;border:0;background:none;font-size:28px}.rankrow{display:grid;grid-template-columns:30px 1fr auto;gap:6px;border-bottom:2px solid #b7c5b7;padding:8px}.ach{background:#dce9dc;border:2px solid #172b22;padding:8px;margin:6px 0}.chargrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.charcard{border:3px solid #172b22;background:#dce9dc;padding:8px;text-align:center;cursor:pointer}.charcard.active{background:#ffd84a}.charcard canvas{width:64px;height:64px;image-rendering:pixelated}@media(max-width:700px){.meters{grid-template-columns:repeat(3,1fr)}.levels{grid-template-columns:1fr 1fr}.toolbar{align-items:center}.toolbar p{display:none}.qpanel #qChoices{grid-template-columns:1fr}.dressgrid{grid-template-columns:repeat(2,1fr)}.sumgrid{grid-template-columns:1fr 1fr}.joy{width:72px;height:72px}.joy #knob{left:22px;top:22px;width:24px;height:24px}.actionbtns button{min-width:62px;font-size:11px}}