html,body,#root{min-height:100%}body{margin:0}:root{--bg:#0f1620;--panel:#18222e;--panel-2:#1f2c3a;--line:#2c3c4e;--text:#e7eef5;--muted:#93a6b8;--accent:#ffd23f;--you:#6cd07f;--win:#46d39a}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #1b2735 0%, var(--bg) 60%);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.menu{max-width:1040px;margin:0 auto;padding:48px 20px 64px}.menu-head{text-align:center;margin-bottom:34px}.menu-head h1{letter-spacing:-.5px;background:linear-gradient(90deg,#ffd23f,#6cd07f 60%,#3aa0ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:40px}.menu-head p{color:var(--muted);max-width:620px;margin:0 auto;line-height:1.55}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=880px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid{grid-template-columns:1fr}}.card{text-align:center;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:22px 16px 18px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.card:hover{border-color:#3d536b;transform:translateY(-3px);box-shadow:0 10px 30px #00000059}.disc{border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:inset 0 -4px 10px #0000002e,0 4px 14px #0000004d}.disc.sm{width:40px;height:40px}.emoji{filter:drop-shadow(0 1px 1px #00000040);font-size:40px;line-height:1}.disc.sm .emoji{font-size:20px}.card-name{font-size:17px;font-weight:700}.card-one{color:var(--muted);min-height:34px;font-size:12.5px;line-height:1.4}.card-side{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:600}.card-side[data-side=w]{color:#e7eef5}.card-side[data-side=b]{color:#cdd7e1}.menu-foot{text-align:center;color:var(--muted);margin-top:34px;font-size:12.5px}.trainer{grid-template-columns:360px 1fr;align-items:start;gap:26px;max-width:1180px;margin:0 auto;padding:28px 20px 56px;display:grid}@media (width<=920px){.trainer{grid-template-columns:1fr}}.side{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 18px 20px;position:sticky;top:20px}.back{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 0 8px;font-size:13px;font-weight:600}.back:hover{color:var(--text)}.title-row{align-items:center;gap:10px;display:flex}.title-row h2{margin:0;font-size:22px}.mission{color:var(--muted);margin:12px 0 14px;font-size:13.5px;line-height:1.55}.status{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;align-items:center;min-height:40px;padding:10px 12px;font-size:13.5px;display:flex}.status-win{color:var(--win);background:#46d39a24;border-color:#46d39a80}.controls{gap:10px;margin:12px 0;display:flex}.controls button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:9px;flex:1;padding:9px 0;font-size:13px;font-weight:600}.controls button:hover:not(:disabled){border-color:#4a627c}.controls button:disabled{opacity:.45;cursor:default}.hint{color:var(--accent);background:#ffd23f1f;border:1px solid #ffd23f66;border-radius:9px;margin-bottom:12px;padding:8px 12px;font-size:13px}.log{flex-direction:column;gap:6px;max-height:280px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.log li{background:var(--panel-2);border-left:3px solid var(--line);border-radius:8px;padding:7px 9px;font-size:12.8px;line-height:1.45}.log-you{border-left-color:var(--you)}.log-app{border-left-color:#5b6e82}.log-end{border-left-color:var(--win);background:#46d39a1f;font-weight:600}.log-san{color:var(--text);margin-right:8px;font-family:SF Mono,ui-monospace,monospace;font-weight:800;display:inline-block}.log-text{color:var(--muted)}.log-you .log-san{color:var(--you)}.note{color:var(--muted);background:var(--panel-2);border:1px dashed var(--line);border-radius:10px;margin-top:14px;padding:11px 12px;font-size:12.5px;line-height:1.5}.note-h{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.board-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.board{border:1px solid var(--line);border-radius:12px;width:min(74vh,560px);max-width:100%;overflow:hidden;box-shadow:0 18px 50px #00000073}.again{color:var(--win);cursor:pointer;background:#46d39a29;border:1px solid #46d39a80;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:700}.again:hover{background:#46d39a42}