:root{--bg: #100814;--bg-2: #1a0e18;--panel: rgba(42, 24, 36, .82);--panel-solid: #2a1824;--line: rgba(240, 230, 208, .16);--lily: #e23d48;--lily-2: #ff6b74;--lily-ink: #3a0a12;--lily-glow: rgba(226, 61, 72, .45);--lily-glow-soft: rgba(226, 61, 72, .18);--lily-line: rgba(226, 61, 72, .4);--lily-tint: rgba(226, 61, 72, .12);--cowrie: #f0e6d0;--cowrie-2: #fff6e4;--cowrie-ink: #3a3428;--stone: #7b8c9c;--stone-2: #9aadb8;--stone-ink: #1c242c;--dusk: #c4a574;--dusk-glow: rgba(196, 165, 116, .35);--text: var(--cowrie);--text-dim: #a89890;--font-display: "Fraunces", "Georgia", serif;--font-body: "Outfit", "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--radius: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 340px at 50% -8%,rgba(226,61,72,.16) 0%,transparent 60%),radial-gradient(420px 280px at 80% 100%,rgba(196,165,116,.08) 0%,transparent 70%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 55%)}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 16px 28px}button{font-family:inherit;cursor:pointer}.hidden{display:none!important}.menu{width:min(440px,100%);display:flex;flex-direction:column;gap:16px}.menu-top{display:flex;justify-content:space-between;align-items:center}.player-chip,.ghost-btn,.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px}.player-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px}.chip-avatar{width:28px;height:28px;border-radius:50%;background:var(--lily-tint);color:var(--lily);display:grid;place-items:center;font-weight:700;border:1px solid var(--lily-line)}.chip-name{font-weight:600;font-size:14px}.chip-lvl{color:var(--dusk);font-size:11px;letter-spacing:.08em}.ghost-group{display:flex;gap:8px}.ghost-btn,.icon-btn{width:40px;height:40px;display:grid;place-items:center}.hero{position:relative;display:grid;place-items:center;padding:8px 0 0}.hero-glow{position:absolute;width:220px;height:140px;background:radial-gradient(circle,var(--lily-glow-soft),transparent 70%);filter:blur(12px)}.hero-art{position:relative;z-index:1}.title-block{text-align:center}.hero-title{font-family:var(--font-display);font-size:48px;font-weight:700;margin:0;letter-spacing:-.02em}.hero-title span{color:var(--lily)}.hero-sub{color:var(--text-dim);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-top:4px}.mode-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 14px;display:flex;flex-direction:column;gap:8px}.mode-tile__title{font-family:var(--font-display);font-size:20px}.mode-tile__sub{color:var(--text-dim);font-size:12px}.mode-btn{border:0;border-radius:999px;padding:10px 12px;font-weight:700;font-size:14px}.mode-btn--lily{background:var(--lily);color:#fff;box-shadow:0 8px 24px var(--lily-glow)}.mode-btn--ghost{background:transparent;color:var(--cowrie);border:1px solid var(--line)}.footer-note{text-align:center;color:var(--text-dim);font-size:12px}.screen{width:min(480px,100%);display:flex;flex-direction:column;gap:10px}.app-header{width:min(480px,100%);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.app-title{font-family:var(--font-display);font-size:22px}.app-title .sub{font-family:var(--font-body);font-size:11px;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.hud{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px 12px}.turn-indicator{display:flex;align-items:center;gap:8px;font-weight:600}.turn-dot{width:10px;height:10px;border-radius:50%;transition:all .3s var(--ease)}.turn-dot.cowrie{background:var(--cowrie);box-shadow:0 0 10px var(--cowrie);animation:dotPulse 1.6s ease-in-out infinite}.turn-dot.stone{background:var(--stone);animation:dotPulse 1.6s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.controls-row{display:flex;gap:8px}.controls-row button{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px}.seat-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.seat-you{margin-left:auto;color:var(--lily);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.seat{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);transition:border-color .35s var(--ease),box-shadow .35s var(--ease),transform .2s var(--ease)}.seat.is-active{border-color:var(--lily-line);box-shadow:0 0 0 1px var(--lily-tint),0 8px 28px var(--lily-glow-soft)}.seat.bump{animation:seatBump .5s var(--ease)}.seat-dot{width:12px;height:12px;border-radius:50%;flex:none}.seat-dot.cowrie{background:radial-gradient(circle at 35% 30%,#fff8e8,#c9b995);box-shadow:0 0 10px #f0e6d080}.seat-dot.stone{background:radial-gradient(circle at 35% 30%,#b6c6d0,#46535f)}.seat-name{font-weight:600}.seat-kind{color:var(--text-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.seat-seeds{margin-left:auto;display:flex;align-items:baseline;gap:5px;font-family:var(--font-display)}.seat-seeds b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.seat-seeds small{color:var(--text-dim);font-family:var(--font-body);font-size:11px;letter-spacing:.06em}.seat-caps{color:var(--lily);font-size:11px;letter-spacing:.06em;min-width:52px;text-align:right}.board-stage{position:relative}.float-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:44px;font-weight:700;color:var(--lily-2);text-shadow:0 2px 20px var(--lily-glow),0 0 2px #000;animation:floatUp 1.4s var(--ease) forwards}.float-text.bot{color:var(--stone-2);text-shadow:0 2px 20px rgba(154,173,184,.4),0 0 2px #000}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}40%{transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-110%) scale(.95)}}@keyframes seatBump{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.nudge{animation:nudge .32s var(--ease)}.enter{animation:enterUp .55s var(--ease) both}.enter>*{animation:enterUp .6s var(--ease) both}.enter>*:nth-child(2){animation-delay:.05s}.enter>*:nth-child(3){animation-delay:.1s}.enter>*:nth-child(4){animation-delay:.15s}.enter>*:nth-child(5){animation-delay:.2s}.enter>*:nth-child(6){animation-delay:.25s}@keyframes enterUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-seed{animation:seedPop .7s var(--ease) both;transform-origin:center;transform-box:fill-box}@keyframes seedPop{0%{opacity:0;transform:scale(.2)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.hero-title span{color:var(--lily);display:inline-block;animation:lilyPulse 3.6s ease-in-out infinite}@keyframes lilyPulse{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 22px var(--lily-glow)}}.app-title span{color:var(--lily)}.mode-btn--lily{transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.mode-btn--lily:hover{transform:translateY(-1px);box-shadow:0 12px 32px var(--lily-glow)}.mode-btn--lily:active{transform:translateY(1px) scale(.98)}.board-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #f0e6d00f,inset 0 0 80px #00000059}.board-wrap--grid{aspect-ratio:7 / 5.3}#board{width:100%;height:100%;display:block;cursor:pointer;touch-action:manipulation}.dir-row{display:flex;gap:6px;align-items:center}.dir-btn{background:transparent;color:var(--cowrie);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;transition:all .2s var(--ease)}.dir-btn:hover{border-color:var(--cowrie)}.dir-btn.is-on{background:var(--lily);color:#fff;border-color:var(--lily);box-shadow:0 6px 18px var(--lily-glow)}.dir-locked{font-size:12px;color:var(--text-dim);letter-spacing:.06em}.chat-dock{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:6px}.chat-log{min-height:28px;max-height:52px;overflow:hidden;font-size:12px;color:var(--text-dim)}.chat-log .flash{animation:flashIn .6s var(--ease);color:var(--cowrie)}.chat-quick,.chat-emoji{display:flex;gap:6px;flex-wrap:wrap}.chat-quick button,.chat-emoji button{background:#f0e6d00f;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:4px 10px;font-size:12px}.chat-row{display:flex;gap:6px}.chat-row input{flex:1;background:#10081499;border:1px solid var(--line);border-radius:999px;color:var(--text);padding:8px 12px;font:inherit;font-size:13px}.chat-row button{background:var(--lily);color:#fff;border:0;border-radius:999px;padding:8px 14px;font-weight:700}@keyframes flashIn{0%{background:var(--lily-tint)}to{background:transparent}}.banner{min-height:0;text-align:center;color:var(--lily);font-size:13px;font-weight:600}.banner:empty{display:none}.overlay,.settings-sheet{position:fixed;inset:0;background:#100814b8;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20;padding:20px;animation:fadeIn .3s var(--ease)}.overlay.is-win{background:radial-gradient(circle at 50% 40%,#e23d4847,#100814d9 60%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{width:min(360px,100%);background:var(--panel-solid);border:1px solid var(--line);border-radius:24px;padding:24px 20px;text-align:center;animation:cardIn .5s var(--ease)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.card--result{box-shadow:0 30px 80px #0009}.result-kicker{color:var(--lily);letter-spacing:.24em;text-transform:uppercase;font-size:12px;font-weight:700;margin-bottom:6px}.card--result h2{font-size:26px;line-height:1.15}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.result-stats div{background:#f0e6d00d;border:1px solid var(--line);border-radius:14px;padding:10px 6px}.result-stats b{display:block;font-family:var(--font-display);font-size:24px}.result-stats span{color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.card h2{font-family:var(--font-display);margin:0 0 8px}.card p{color:var(--text-dim)}.card .actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0;text-align:left}.settings-row input[type=range]{width:120px;accent-color:var(--lily)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;padding:10px 16px;z-index:30;font-size:13px}.unavail{width:min(400px,100%);text-align:center;display:flex;flex-direction:column;gap:12px}.unavail p{color:var(--text-dim)}.spinner{width:34px;height:34px;margin:4px auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--lily);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wait-note{text-align:center;font-size:12px;color:var(--text-dim);margin:0}.wait-note[hidden]{display:none}.link-btn{background:none;border:0;color:var(--lily);font:inherit;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:3px}.help-sheet{position:fixed;inset:0;background:#100814c7;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:25;padding:20px;animation:fadeIn .25s var(--ease)}.help-sheet.is-leaving{animation:fadeOut .22s var(--ease) forwards}@keyframes fadeOut{to{opacity:0}}.card--help{width:min(400px,100%);padding:22px 20px 16px}.help-kicker{color:var(--lily);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:700}.help-art{display:grid;place-items:center;margin:14px 0 10px}.help-art .mini{filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));animation:enterUp .4s var(--ease)}.card--help h2{font-size:24px;margin:4px 0 6px}.card--help p{font-size:15px;line-height:1.5;margin:0;color:var(--text)}.help-dots{display:flex;justify-content:center;gap:6px;margin:16px 0 12px}.help-dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:all .25s var(--ease)}.help-dots i.on{background:var(--lily);width:18px;border-radius:3px}.help-nav{display:grid;grid-template-columns:1fr 2fr;gap:8px}.help-nav button[disabled]{opacity:.35;cursor:default}.help-skip{margin-top:10px;background:none;border:0;color:var(--text-dim);font-size:12px;letter-spacing:.04em}.help-skip:hover{color:var(--cowrie)}.coach-hint{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--lily-line);background:var(--lily-tint);font-size:13px;line-height:1.45}.coach-hint b{color:var(--lily-2)}.coach-hint.pop{animation:enterUp .4s var(--ease)}.coach-hint__icon{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lily);color:#fff;font-weight:700;font-size:13px}@media (max-width: 420px){.hero-title{font-size:40px}.mode-rail{grid-template-columns:1fr}}