#crew-game{position:fixed;inset:0;z-index:10000;background:#101e27;color:#f4f4ed;font-family:Inter,system-ui,sans-serif;touch-action:none;overflow:auto}#crew-game *{box-sizing:border-box}#crew-game button,#crew-game select{font:inherit;color:inherit;background:#1b303d;border:1px solid #6c8594;border-radius:5px;min-height:44px;padding:10px 17px;cursor:pointer}#crew-game button:hover,#crew-game button:focus-visible{background:#34515d;outline:2px solid #b8e872;outline-offset:2px}#crew-game button.selected{border-color:#b8e872;background:#334b37}#crew-game .cg-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(#08131de6,transparent)}#crew-game .cg-brand{font-size:12px;letter-spacing:2px}#crew-game #cg-hud{display:flex;gap:16px;align-items:center;font-family:monospace;font-size:15px}#crew-game .cg-menu{position:relative;z-index:4;max-width:900px;margin:90px auto 30px;padding:40px;background:#101e27ed;border:1px solid #62717a;border-radius:12px;box-shadow:0 30px 120px #0009}#crew-game h1{font-size:clamp(30px,6vw,64px);line-height:1;margin:15px 0 28px;letter-spacing:-2px;color:#f4f4ed}#crew-game h2{font-size:20px;color:inherit;margin:24px 0 12px}#crew-game p{color:#b4c6cd;line-height:1.6;font-size:15px}#crew-game .cg-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#crew-game .cg-primary{background:#c3f382;color:#192323;font-weight:700;border-color:#c3f382;min-width:160px}#crew-game canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none}#crew-game .cg-controls{position:absolute;bottom:20px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;z-index:5;pointer-events:none}#crew-game .cg-controls>*{pointer-events:auto;display:flex;gap:7px}#crew-game .cg-controls button{background:#14222ac9;min-width:56px;user-select:none;touch-action:none}#crew-game .cg-toast{position:absolute;top:95px;left:50%;transform:translateX(-50%);z-index:8;padding:12px 20px;background:#132c32eb;border:1px solid #a7e774;border-radius:5px;text-align:center;max-width:90%}#crew-game .cg-panel{position:absolute;inset:90px 15% 100px;overflow:auto;padding:32px;background:#13242bf7;border:1px solid #729a9a;z-index:7;border-radius:10px}#crew-game .cg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}#crew-game .cg-card{padding:12px;background:#233b40;border:1px solid #526769;text-align:center;border-radius:7px}#crew-game .cg-card img{width:100%;max-width:110px;image-rendering:pixelated}#crew-game .cg-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;color:white;pointer-events:none}#crew-game .cg-muted{color:#9fb6b8;font-size:12px}#crew-game #cg-minimap{top:auto;left:auto;right:20px;bottom:100px;width:120px;height:120px;border:2px solid #b9dfad;background:#1f4538;z-index:3}#crew-game .cg-encounter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}#crew-game .cg-encounter img{width:100%;max-height:230px;object-fit:contain;image-rendering:pixelated}#crew-game progress{width:100%;accent-color:#b8e872}#crew-game .cg-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #0008}#crew-game .cg-help{font-family:monospace;color:#c8dadc;font-size:12px}#crew-game .cg-record{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #43626a}
@media(max-width:600px){#crew-game .cg-menu{margin:85px 12px 15px;padding:22px}#crew-game .cg-top{padding:12px;gap:5px}#crew-game .cg-brand{font-size:9px;max-width:115px;line-height:1.5}#crew-game #cg-hud{gap:6px;font-size:11px;flex-wrap:wrap;max-width:150px}#crew-game .cg-panel{inset:85px 10px 100px;padding:18px}#crew-game .cg-grid{grid-template-columns:repeat(2,1fr)}#crew-game .cg-controls{bottom:14px;left:8px;right:8px}#crew-game .cg-controls button{min-width:42px;padding:10px}#crew-game .cg-encounter{gap:8px}#crew-game .cg-top button{padding:8px 12px}#crew-game .cg-row button{flex:1;padding:10px;font-size:12px}}