:root{--felt: #14532d;--felt-dark: #0d3b20;--felt-light: #1c6b3a;--ivory: #fdf6e3;--ink: #26221c;--gold: #eab308;--gold-soft: #fbbf24;--red: #ef4444;--chalk: #f5f0e6;--shadow: rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 50% 30%,var(--felt-light),var(--felt) 55%,var(--felt-dark));background-attachment:fixed;color:var(--chalk);overscroll-behavior:none;touch-action:manipulation}button,input{font:inherit;color:inherit}.page{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 90px)}.page-center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.topbar-actions{display:flex;gap:6px}h2{font-size:1.05rem;margin:18px 0 8px;color:var(--gold-soft)}.muted{color:#f5f0e699}.small{font-size:.8rem}.error-text{color:#fca5a5;font-size:.85rem}.logo{font-size:2rem;font-weight:800;letter-spacing:-.5px;color:var(--ivory);text-shadow:0 2px 8px var(--shadow)}.logo-accent{color:var(--gold)}.small-logo{font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--chalk);border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}.btn:active{background:#ffffff2e}.btn.primary{background:var(--gold);border-color:var(--gold);color:#201a00}.btn.primary:disabled{opacity:.5}.btn.ghost{background:transparent;border-color:#ffffff2e}.btn.danger{color:#fca5a5}.btn.big{width:100%;padding:14px;font-size:1.05rem;margin-top:10px}.btn.small-btn{padding:4px 10px;margin-left:8px;font-size:.8rem}.btn.icon-btn{padding:6px 10px;font-size:1rem;line-height:1}.btn.dim{opacity:.55}.admin-actions{display:flex;gap:8px}input{background:#00000040;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 14px;width:100%;color:var(--chalk);font-size:16px}input::placeholder{color:#f5f0e666}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px 22px;box-shadow:0 12px 40px var(--shadow)}.auth-card .logo{text-align:center}.auth-form{display:flex;flex-direction:column;gap:10px}.tab-row{display:flex;background:#0000004d;border-radius:12px;padding:4px}.tab{flex:1;border:none;background:transparent;padding:8px;border-radius:9px;color:#f5f0e699;font-weight:600;cursor:pointer}.tab.active{background:var(--gold);color:#201a00}.lobby-hello{margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lobby-hello .push-hint{width:100%}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;vertical-align:middle;line-height:0}.avatar.clickable{cursor:pointer}.avatar.selected{outline:3px solid var(--gold);outline-offset:1px}.avatar-current{display:flex;justify-content:center}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;justify-items:center}.summary-player,.stats-player{display:inline-flex;align-items:center;gap:6px}.lobby-actions{display:flex;flex-direction:column;gap:10px}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase}.game-card{background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.game-card.finished{opacity:.85;cursor:default}.game-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.game-code{font-family:ui-monospace,Menlo,monospace;font-weight:700;letter-spacing:2px;color:var(--gold-soft)}.big-code{font-size:1.3rem}.status-pill{font-size:.72rem;padding:3px 10px;border-radius:20px;background:#ffffff1f}.status-pill.waiting{background:#eab30840;color:var(--gold-soft)}.status-pill.playing{background:#4ade8033;color:#86efac}.game-card-players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.game-card-players.column{flex-direction:column;gap:3px}.player-chip{display:inline-flex;align-items:center;gap:5px;font-size:.9rem}.modal-backdrop,.chat-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:calc(100% - 40px);max-width:380px;background:#123c22;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 50px var(--shadow)}.modal h2{margin:0}.field-label{font-size:.8rem;color:#f5f0e699}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{flex:1;min-width:60px;padding:10px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--chalk);font-weight:600;cursor:pointer}.choice.active{background:var(--gold);border-color:var(--gold);color:#201a00}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.changelog-list{overflow-y:auto;max-height:55vh;display:flex;flex-direction:column;gap:14px}.changelog-entry h3{margin:0 0 6px;font-size:1rem}.changelog-entry ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:.9rem}.invite-code{font-family:ui-monospace,Menlo,monospace;font-size:1.5rem;letter-spacing:3px;text-align:center;padding:14px;background:#0000004d;border-radius:12px;color:var(--gold-soft);cursor:pointer}.waiting-card{display:flex;flex-direction:column;gap:12px;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px}.waiting-players{list-style:none;display:flex;flex-direction:column;gap:8px}.waiting-players li{display:flex;align-items:center;gap:8px;font-size:1.05rem}.conn-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;display:inline-block;flex-shrink:0}.conn-dot.on{background:#4ade80}.game-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}.game-topbar{display:flex;align-items:center;gap:10px;padding:6px 10px 0}.game-topbar .spacer{flex:1}.game-clock{font-size:.8rem;color:#f5f0e6b3;font-variant-numeric:tabular-nums}.btn.mini{padding:4px 10px;font-size:.85rem}.players-bar{display:flex;gap:6px;padding:10px 10px 4px;overflow-x:auto}.player-box{flex:1;min-width:76px;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px 8px;font-size:.8rem;position:relative}.corner-badge{position:absolute;top:-9px;right:-4px;font-size:.95rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));z-index:2}.player-box.turn{border-color:var(--gold);box-shadow:0 0 12px #eab30859}.player-name{display:flex;align-items:center;gap:4px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{display:flex;align-items:center;gap:4px;margin:2px 0}.board-wrap{flex:1;min-height:0;position:relative;display:flex}.board-svg{width:100%;height:100%;touch-action:none}.fit-btn{position:absolute;bottom:10px;right:12px;background:#00000073}.board-count{position:absolute;top:6px;right:12px;font-size:.8rem;background:#00000059;padding:4px 10px;border-radius:20px}.tile-body{fill:var(--ivory);stroke:var(--ink);stroke-width:.045}.tile-divider{stroke:var(--ink);stroke-width:.035}.pip{fill:var(--ink)}.pip-1{fill:#1d4ed8}.pip-2{fill:#15803d}.pip-3{fill:#b91c1c}.pip-4{fill:#6d28d9}.pip-5{fill:#0f766e}.pip-6{fill:#b45309}.board-tile.spinner .tile-body{stroke:var(--gold);stroke-width:.07}.end-marker rect:first-child{fill:#eab30840;stroke:var(--gold);stroke-width:.05;stroke-dasharray:.15 .1;animation:pulse 1.2s ease-in-out infinite;cursor:pointer}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.marker-count{font-size:.55px;font-weight:700;fill:var(--chalk);text-anchor:middle;dominant-baseline:central;pointer-events:none}.end-marker.scoring rect:first-child{fill:#eab30873}.end-marker.scoring .marker-count{fill:#fff7d6}.hand-area{padding:6px 10px calc(env(safe-area-inset-bottom) + 10px);background:#0000004d;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.turn-banner{text-align:center;font-size:.85rem;color:#f5f0e6b3}.turn-banner.mine{color:var(--gold-soft);font-weight:700}.hand-row{display:flex;gap:6px;justify-content:center;align-items:flex-end;overflow-x:auto;padding:6px 2px}.hand-tile{flex-shrink:0;transition:transform .12s}.hand-tile.playable{cursor:pointer;filter:drop-shadow(0 0 5px rgba(234,179,8,.7))}.hand-tile.selected{transform:translateY(-10px) scale(1.08)}.hand-tile.faded{opacity:.4}.house-row{display:inline-flex;gap:2px;vertical-align:middle}.house-bg{fill:#00000040;stroke:#fff3;stroke-width:.03}.house-line,.house-slash{stroke:var(--chalk);stroke-width:.07;stroke-linecap:round}.house-circle{fill:none;stroke:var(--gold-soft);stroke-width:.07}.summary-card{flex:1;overflow-y:auto;margin:10px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;position:relative}.summary-card.lost{animation:summary-shake .55s ease .25s 1}@keyframes summary-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px) rotate(-.6deg)}40%{transform:translate(6px) rotate(.5deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.fx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:30}.fx-overlay i{position:absolute;top:-8%;font-style:normal;animation-name:fx-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}.fx-overlay .confetti{width:9px;height:14px;border-radius:2px}.fx-overlay .gloom{font-size:20px;filter:grayscale(.6)}@keyframes fx-fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}.ready-check{color:var(--gold);font-weight:700}.push-hint{line-height:1.4;padding:2px 4px}.role-badge{font-size:.75rem;margin-left:2px}.debt-banner{background:#ef44442e;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:10px 12px;font-size:.9rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sig-pad canvas{border-radius:10px;border:1px solid rgba(255,255,255,.25);display:block}.sig-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.sig-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:55vh}.sig-item{display:flex;flex-direction:column;gap:4px}.sig-name{display:flex;align-items:center;gap:6px;font-weight:600}.sig-img{width:100%;max-width:260px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#fffdf5}.stats-row{cursor:pointer}.live-page{gap:14px}.live-columns{display:flex;gap:10px;overflow-x:auto;align-items:flex-start}.live-col{flex:1;min-width:82px;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.live-col-head{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.live-col-name{font-size:.85rem;font-weight:600;overflow-wrap:anywhere}.live-col-total{font-size:1.3rem;color:var(--gold-soft)}.live-entries{display:flex;flex-direction:column;gap:4px;width:100%}.live-entry{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--chalk);padding:4px 6px;font-size:.85rem;cursor:pointer;font-variant-numeric:tabular-nums}.live-entry.naming{color:#f5f0e699}.live-add{font-size:1.1rem;width:100%}.live-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.live-scrap{margin-top:24px}.live-chips .choice{min-width:44px;padding:8px 4px;flex:0 0 auto}.live-user-grid{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}.live-user-grid .choice{display:flex;align-items:center;gap:8px;justify-content:flex-start}.chat-tabs{display:flex;gap:6px}.chat-tab{border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--chalk);border-radius:999px;padding:5px 12px;font-size:.85rem;cursor:pointer}.chat-tab.active{background:var(--gold);border-color:var(--gold);color:#201a00;font-weight:600}.chat-pop-stack{position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 174px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:35;max-width:75vw}.chat-pop{background:#123c22;color:var(--chalk);border:1px solid rgba(255,255,255,.25);border-radius:14px 14px 4px;padding:8px 12px;font-size:.85rem;text-align:left;box-shadow:0 6px 20px var(--shadow);animation:chat-pop-in .25s ease,chat-pop-out .5s ease 4.4s forwards;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.chat-pop b{color:var(--gold-soft);margin-right:4px}@keyframes chat-pop-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes chat-pop-out{to{opacity:0;transform:translateY(6px)}}.chat-gif{max-width:min(240px,70vw);max-height:200px;border-radius:10px;display:block}.chat-pop-gif{max-width:120px;max-height:90px;border-radius:8px;display:block;margin-top:4px}.hand-tile-slot{position:relative;display:inline-flex;padding-top:16px}.tile-hint{position:absolute;z-index:2;top:0;left:50%;transform:translate(-50%);background:var(--gold);color:#201a00;border-radius:999px;font-size:.68rem;font-weight:700;padding:1px 6px;pointer-events:none;white-space:nowrap}.turn-timer-wrap{position:fixed;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 174px);display:flex;align-items:center;gap:6px;z-index:25}.turn-timer{background:#00000073;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;font-size:.85rem;font-variant-numeric:tabular-nums}.turn-timer.mine{border-color:var(--gold);color:var(--gold-soft)}.turn-timer.urgent{color:#fca5a5;border-color:#ef4444;animation:timer-pulse 1s ease infinite}@keyframes timer-pulse{50%{transform:scale(1.08)}}.chime-toggle{background:#00000073;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 8px;font-size:.85rem;cursor:pointer}.player-modal-head{display:flex;gap:12px;align-items:center}.player-modal-head h2{font-size:1.15rem}.player-modal-sub{margin:4px 0 0;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#f5f0e699}.player-moves{margin:0;padding-left:18px;max-height:30vh;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:.9rem}.player-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:.9rem}.summary-card h2{margin:0}.sign-callout{background:#ef44442e;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:10px}.summary-hands{display:flex;flex-direction:column;gap:6px}.summary-hand{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-hand-name{font-size:.85rem;white-space:nowrap}.summary-tiles{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.summary-scores{border-top:1px solid rgba(255,255,255,.12);padding-top:10px;display:flex;flex-direction:column;gap:8px}.summary-score-row{display:flex;justify-content:space-between;align-items:center}.chat-fab{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom) + 118px);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0000008c;font-size:1.2rem;cursor:pointer;z-index:30;box-shadow:0 4px 16px var(--shadow)}.chat-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-backdrop{align-items:flex-end}.chat-sheet{width:100%;max-width:560px;height:62dvh;background:#10331d;border-radius:20px 20px 0 0;border:1px solid rgba(255,255,255,.15);border-bottom:none;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px;font-weight:700}.chat-list{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:8px}.chat-msg{display:flex;flex-direction:column;align-self:flex-start;max-width:85%;background:#ffffff14;border-radius:12px;padding:6px 10px}.chat-msg.mine{align-self:flex-end;background:#eab30833}.chat-msg.system{align-self:center;background:transparent;color:#f5f0e68c;font-size:.75rem;padding:0 10px;text-align:center}.chat-author{font-size:.7rem;color:var(--gold-soft);font-weight:700}.chat-input-row{display:flex;gap:8px;padding:10px 12px calc(env(safe-area-inset-bottom) + 10px)}.chat-input{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 14px;color:var(--chalk);font-size:16px;min-height:1.35em;max-height:90px;overflow-y:auto;overflow-wrap:anywhere;outline:none}.chat-input:empty:before{content:attr(data-placeholder);color:#f5f0e666;pointer-events:none}.chat-input[contenteditable=false]{opacity:.6}.toast-stack{position:fixed;top:calc(env(safe-area-inset-top) + 60px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:50;pointer-events:none;width:max-content;max-width:90vw}.toast{background:#000000bf;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 16px;font-size:.9rem;text-align:center;animation:toast-in .2s ease-out}.toast.score{border-color:var(--gold);color:var(--gold-soft);font-weight:700}.toast.error{border-color:var(--red);color:#fca5a5}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.conn-banner{position:fixed;bottom:0;left:0;right:0;background:#ef4444e6;color:#fff;text-align:center;font-size:.8rem;padding:4px;z-index:60}.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;background:#00000040;border-radius:14px;overflow:hidden}.stats-table th,.stats-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.stats-table th{font-size:.75rem;text-transform:uppercase;color:#f5f0e68c}.sign-count{color:#fca5a5;font-weight:700}