*{box-sizing:border-box}body{margin:0;background:#0a1926;color:#fff0d5;font:17px Arial,sans-serif}main{max-width:1120px;margin:24px auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}small{color:#a9c7cf;letter-spacing:2px;font-size:11px}h1{font-size:30px;letter-spacing:1px;margin:9px 0}p{line-height:1.5}button,a,select{padding:13px 18px;border:1px solid #75959e;border-radius:10px;background:#294655;color:#fff1d7;font:bold 15px Arial;text-decoration:none;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffe1a1;outline-offset:3px}#lobby{background:linear-gradient(135deg,#1c3444,#162436);padding:24px;border:1px solid #5d6e80;border-radius:16px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px;background:#102332}.cards strong{font-size:23px}.cards span:last-child{font-size:11px}.cards .selected{border:2px solid #f8d48d;background:#344045}.face{display:block;width:100%;height:180px;background-size:400% 400%;background-repeat:no-repeat}.sol{background-image:url('assets/sprites/parents-aligned-v3.png');background-position:0 100%}.nano{background-image:url('assets/sprites/parents-aligned-v3.png');background-position:0 33.333%}.apolo{background-image:url('assets/sprites/creatures-aligned-v3.png');background-position:66.666% 0}#start{background:#ebc786;color:#17303c;font-size:19px;margin:16px 0}#assignments,#mode-note{color:#c5d5db;font-size:14px}details{font-size:14px;margin-top:14px}#arena{width:100%;display:block;border-radius:14px;border:1px solid #577a83;touch-action:none}#hud{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.health{flex:1;min-width:140px;font-size:14px}.track{height:12px;border-radius:8px;background:#553946;margin-top:6px;overflow:hidden}.fill{height:100%;background:#a0dcc0}#combat-controls{display:flex;gap:10px;align-items:center;background:#152d3c;border-radius:12px;padding:10px}#skills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1}.moves{display:grid;grid-template-columns:repeat(2,44px);gap:3px}.moves button{padding:10px;touch-action:none}.tools{display:flex;gap:10px;margin:12px 0}#mechanic,#result{color:#ffdb95;font-size:21px;font-weight:bold;min-height:24px}#log{color:#c5dce1}footer{font-size:12px;line-height:1.5;color:#94b0bd}#story-dialog{position:fixed;z-index:30;left:50%;bottom:20px;transform:translateX(-50%);width:min(960px,96vw);display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;padding:18px;background:#132c3fee;border:3px solid #f2cf91;border-radius:18px;box-shadow:0 0 0 100vmax #06101a88}#story-portrait{width:200px;height:200px;border-radius:12px;background:radial-gradient(#466374,#172a3b)}#story-speaker{color:#ffdf9f;letter-spacing:2px}#story-text{font-size:29px;line-height:1.4;font-weight:bold;margin:12px 0}#story-dialog small{display:block;margin-top:9px}[hidden]{display:none!important}@media(max-width:700px){main{margin:0;padding:10px;padding-bottom:200px}header{flex-wrap:wrap}h1{font-size:22px}#lobby{padding:12px}.cards{gap:6px}.cards button{padding:6px;min-width:0}.cards strong{font-size:18px}.cards span:last-child{font-size:9px}.face{height:110px}select{max-width:100%;font-size:12px}#hud{gap:6px}.health{min-width:90px;font-size:10px}#combat-controls{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:8px 5px max(8px,env(safe-area-inset-bottom));border:1px solid #4b7282}#skills{grid-template-columns:repeat(2,1fr)}#skills button{font-size:10px;min-height:48px;padding:6px}.moves{grid-template-columns:repeat(2,40px)}#mechanic,#result{font-size:16px}#story-dialog{bottom:10px;grid-template-columns:100px 1fr;gap:12px;padding:12px}#story-portrait{width:100px;height:150px}#story-text{font-size:21px}#story-dialog small{font-size:9px}.tools button{font-size:12px}footer{font-size:10px}}