:root{--ink: #1b2430;--muted: #5b6573;--bg: #f6f7f9;--card: #ffffff;--line: #c9d0d8;--accent: #1f5fbf;--accent-ink: #ffffff;--win: #22a06b;--lose: #d64545;--safe: #1f5fbf;--safe-bg: #e8f0fb;--note: #6b8cae;--coin: #e0b000;--ball-rest: #d5dae0;--ball-hidden: #7a8492;--urn: #eef1f4;--storm: #6d7f95;--storm-bg: #fbeeee}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.4;-webkit-text-size-adjust:100%}#app{min-height:100dvh}.app{max-width:480px;margin:0 auto;padding:12px 12px 24px;min-height:100dvh}.theme-storm{background:var(--storm-bg)}.screen{display:flex;flex-direction:column;gap:14px}h1{font-size:22px;margin:0;line-height:1.25}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px;word-break:break-all}.lose-text{color:var(--lose)}button,.link-button{font:inherit;cursor:pointer;min-height:48px;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.primary{background:var(--accent);color:var(--accent-ink);border:0;padding:14px 20px;font-size:19px;font-weight:700;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%}.primary:active{filter:brightness(.92)}.progress{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s}.progress-text{font-size:14px;color:var(--muted);min-width:44px;text-align:right}.storm-tag{align-self:flex-start;background:var(--lose);color:#fff;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px}.caption{font-size:20px}.two-way{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu{display:flex;flex-direction:column;gap:10px}.choice{background:var(--card);border:2px solid var(--line);color:var(--ink);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:48px;width:100%}.choice-row{flex-direction:row;justify-content:space-between;padding:8px 10px}.choice-safe{border-color:var(--safe)}.choice-risky{border-color:var(--lose)}.choice:disabled{opacity:.55;cursor:default}.choice:not(:disabled):active{transform:scale(.98);background:#f0f4fa}.choice-art{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.choice-row .choice-art{flex-direction:row;justify-content:center}.choice-label{font-weight:700;font-size:16px}.choice-row .choice-label{display:none}.art-title{font-weight:700;font-size:17px}.art-sub{font-size:13px;color:var(--muted);text-align:center}.pair{display:flex;gap:4px}.money{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%}.amount{font-weight:700;font-size:15px;text-align:center;white-space:nowrap}.amount-compact{font-size:13px}.amount-loss{color:var(--lose)}.menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.menu-balls{display:flex;align-items:center}.menu-skip{font-weight:700;font-size:18px;padding:10px 0;width:100%;text-align:center}.urn{display:flex;flex-direction:column;align-items:center}.urn-balls{display:flex;justify-content:center}.urn-label{font-size:13px;color:var(--muted)}.scenario-head{display:flex;align-items:center;gap:12px}.scenario{background:var(--storm-bg);border-radius:16px;padding:16px}.scenario svg{align-self:center;max-width:100%;height:auto}.done{text-align:center;align-items:center;padding-top:24px}.anon-code{font-size:40px;font-weight:800;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card);border:3px dashed var(--accent);border-radius:16px;padding:16px 20px;user-select:all;word-break:break-all}.keep{font-weight:700}.notice{background:#fff4d6;border-radius:10px;padding:10px 12px;font-size:15px}.error{align-items:center;text-align:center;padding-top:32px}.loading{align-items:center;padding-top:48px;color:var(--muted)}.spinner{width:32px;height:32px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.spinner.small{width:14px;height:14px;border-width:2px;display:inline-block;vertical-align:-2px;border-color:#fff6;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.net-banner{position:sticky;top:0;z-index:2;background:var(--ink);color:#fff;font-size:14px;padding:8px 12px;border-radius:8px;margin-bottom:10px}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}.progress-fill{transition:none}}@media(max-width:359px){.two-way{grid-template-columns:1fr}}