:root{--accent: #4a9cc0;--deep: #0b2230;--water: #2d7da3;--water2: #3fa0c8;--ink: #e8f4f8;--panel: #0f2c3a;--good: #4fd17a;--bad: #f06b6b}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(circle at 50% 0%,#163b4d,var(--deep));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:16px;gap:14px}.tt-header{text-align:center;max-width:520px}.tt-title{font-size:1.6rem;font-weight:800;letter-spacing:.5px;margin:0;color:#bfeaf7}.tt-sub{margin:4px 0 0;font-size:.85rem;opacity:.8}.tt-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}button{font:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:var(--panel);color:var(--ink);padding:8px 14px;border-radius:10px;transition:transform .06s ease,background .15s ease,border-color .15s ease}button:hover{background:#14384a}button:active{transform:translateY(1px)}button.tt-primary{background:var(--accent);border-color:var(--accent);color:#06222e;font-weight:700}button.tt-sel{border-color:var(--accent);background:#12455a}.tt-stage{position:relative;width:100%;max-width:520px}canvas{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a1f2b;touch-action:manipulation}.tt-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:520px}.tt-opt{padding:14px 10px;font-size:1.1rem;font-weight:600;border-radius:12px;background:#103244}.tt-opt:hover{background:#16455c}.tt-opt.flash-good{background:var(--good);color:#062712}.tt-opt.flash-bad{background:var(--bad);color:#2a0707}.tt-status{display:flex;gap:18px;font-size:.85rem;opacity:.9;flex-wrap:wrap;justify-content:center}.tt-status b{color:#bfeaf7}.tt-banner{text-align:center;font-size:1.1rem;font-weight:700;min-height:1.4em}.tt-banner.win{color:var(--good)}.tt-banner.lose{color:var(--bad)}.tt-footer{font-size:.72rem;opacity:.55;text-align:center;max-width:520px}