@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap";:root{color:#3d3029;font-synthesis:none;text-rendering:optimizelegibility;background:#f7ead2;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font-family:inherit}:root{--ink:#3d3029;--muted:#75675d;--cream:#f7ead2;--paper:#fffaf0;--coral:#d95555;--coral-dark:#b83d42;--line:#4b372b24}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.secondary-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffa8;border-radius:13px;min-height:50px;padding:.82rem 1.15rem;font-weight:800;transition:transform .18s,background .18s}.secondary-button:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.secondary-button:disabled{opacity:.58;cursor:wait}.secondary-button:focus-visible,.mode-card:focus-visible,.room-code:focus-visible{outline-offset:3px;outline:3px solid #386cb0}.setup-shell,.game-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 10% 12%,#fffc 0 2px,#0000 3px) 0 0/42px 42px,radial-gradient(circle at 80% 76%,#d88a5926 0 3px,#0000 4px) 0 0/62px 62px,#f7ead2}.setup-shell{grid-template-columns:minmax(330px,520px) minmax(520px,1fr);align-items:center;gap:3rem;padding:clamp(1.5rem,4vw,5rem);display:grid;overflow:hidden}.setup-card{z-index:2;max-width:500px;position:relative}.back-button{margin-bottom:1.4rem}.eyebrow{color:var(--coral-dark);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.65rem;font-size:.73rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:1rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.91}h1 span{color:var(--coral)}.intro{color:var(--muted);max-width:390px;margin-bottom:2.2rem;font-size:1.04rem;line-height:1.65}.count-picker{border:0;margin:0 0 1.5rem;padding:0}.count-picker legend,.panel-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;font-size:.72rem;font-weight:800}.segmented{border:1px solid var(--line);background:#ffffff94;border-radius:14px;gap:.25rem;padding:.3rem;display:inline-flex}.segmented button{width:52px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:700}.segmented button.selected{color:#fff;background:var(--ink);box-shadow:0 4px 12px #3d302933}.name-fields{gap:.65rem;margin-bottom:1.4rem;display:grid}.name-fields label{color:var(--muted);grid-template-columns:12px 78px 1fr;align-items:center;gap:.7rem;font-size:.82rem;font-weight:700;display:grid}.name-fields input{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffad;border-radius:11px;outline:none;padding:.72rem .9rem;font-size:max(16px,1rem)}.name-fields input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #d9555524}.color-dot{border-radius:50%;width:11px;height:11px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.primary-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:50px;padding:.85rem 1.25rem;font-weight:800;transition:transform .18s,background .18s;box-shadow:0 8px 20px #b83d4238}.primary-button:hover:not(:disabled){background:var(--coral-dark);transform:translateY(-2px)}.primary-button:focus-visible,.text-button:focus-visible,.segmented button:focus-visible{outline-offset:3px;outline:3px solid #386cb0}.primary-button:disabled{opacity:.62;cursor:wait}.mode-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.mode-card{border:1px solid var(--line);min-height:148px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffa8;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.2rem;padding:1.15rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 9px 24px #5b3b2814}.mode-card:first-child{background:var(--ink);color:#fffaf0}.mode-card:hover{border-color:#d9555580;transform:translateY(-3px);box-shadow:0 14px 30px #5b3b2824}.mode-icon{width:38px;height:38px;color:var(--coral);background:#d9555524;border-radius:50%;place-items:center;margin-bottom:auto;font-size:1.25rem;display:grid}.mode-card:first-child .mode-icon{color:#f8d77e;background:#ffffff1f}.mode-card strong{font-family:Fraunces,Georgia,serif;font-size:1.18rem}.mode-card small{color:var(--muted);font-size:.75rem}.mode-card:first-child small{color:#fffaf0ad}.online-fields{gap:.85rem;margin-bottom:1rem;display:grid}.online-fields label{color:var(--muted);gap:.42rem;font-size:.78rem;font-weight:800;display:grid}.online-fields input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#ffffffb3;border-radius:11px;outline:none;padding:.72rem .9rem;font-size:max(16px,1rem)}.online-fields input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #d9555524}.online-fields label:last-child input{text-transform:uppercase;letter-spacing:.16em;font-weight:800}.online-actions{gap:.65rem;display:grid}.form-error{color:#a2393d;background:#fff0ed;border-radius:9px;margin:.4rem 0 .85rem;padding:.68rem .78rem;font-size:.8rem;line-height:1.4}.room-code{width:100%;color:var(--ink);cursor:pointer;background:#ffffff8c;border:1px dashed #b83d4266;border-radius:13px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.room-code strong{letter-spacing:.16em;font-size:1.08rem}.room-code span{color:var(--coral-dark);font-size:.7rem;font-weight:800}.lobby-players{gap:.45rem;margin:1rem 0 1.2rem;display:grid}.lobby-player{border:1px solid var(--line);background:#ffffff8c;border-radius:11px;grid-template-columns:12px 1fr auto;align-items:center;gap:.62rem;min-height:46px;padding:.65rem .75rem;font-size:.8rem;display:grid}.lobby-player>span:last-child{color:var(--muted);font-size:.7rem;font-weight:700}.lobby-player.empty{color:#998b80;background:0 0;border-style:dashed;display:block}.waiting-note{color:var(--muted);text-align:center;margin:.2rem 0;font-size:.82rem}.color-picker{justify-content:center;gap:.55rem;margin:0 0 1.1rem;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;transition:transform .15s,border-color .15s;box-shadow:0 2px 6px #5b3b282e}.color-swatch:hover:not(:disabled){transform:translateY(-2px)}.color-swatch.selected{border-color:var(--ink);transform:translateY(-2px)}.color-swatch:disabled{cursor:not-allowed;opacity:.28}.room-notice{border-radius:9px;margin:.4rem 0 .85rem;padding:.68rem .78rem;font-size:.8rem;line-height:1.4;animation:.18s ease-out notice-in}.room-notice.error{color:#a2393d;background:#fff0ed}.room-notice.info{color:#3c5480;background:#eef4ff}@keyframes notice-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.turn-timer{text-align:center;color:#8a6a2f;letter-spacing:.04em;margin:.55rem 0 0;font-size:.72rem;font-weight:800}.turn-timer.critical{color:#a2393d}.connection-note{color:var(--muted);justify-content:center;align-items:center;gap:.38rem;margin:.75rem 0 0;font-size:.68rem;font-weight:700;display:flex}.connection-note:before{content:"";background:#bd8d44;border-radius:50%;width:7px;height:7px}.connection-note.connected:before{background:#2f9b72}.connection-note.reconnecting:before,.connection-note.connecting:before{animation:1.1s ease-in-out infinite pulse-dot}.connection-note.closed:before{background:#a2393d}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}.board-skeleton{width:100%;height:100%;min-height:inherit;border-radius:inherit;background:linear-gradient(105deg,#f3e7d5 30%,#fbf4e8 50%,#f3e7d5 70%) 0 0/300% 100%;animation:1.4s linear infinite board-shimmer}@keyframes board-shimmer{to{background-position:-300% 0}}@media (prefers-reduced-motion:reduce){.board-skeleton,.connection-note:before,.room-notice{animation:none}}.loading-room{grid-template-columns:1fr}.setup-board{border-radius:36px;height:min(78vh,760px);min-height:560px;position:relative;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 35px 70px #5d3f292e}.game-shell{padding:clamp(1rem,2.5vw,2.6rem)}.game-header{justify-content:space-between;align-items:end;max-width:1460px;margin:0 auto 1.3rem;display:flex}.game-header h1{margin:0;font-size:clamp(2rem,4vw,3.8rem)}.game-header .eyebrow{margin-bottom:.35rem}.text-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff8c;border-radius:11px;padding:.68rem 1rem;font-weight:700}.play-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:1.2rem;max-width:1460px;margin:0 auto;display:grid}.board-stage{min-width:0}.mobile-player-strip{display:none}.board-card{border:2px solid color-mix(in srgb,var(--player-color,#8d5d3f) 48%,transparent);height:calc(100svh - 145px);min-height:620px;box-shadow:0 18px 50px color-mix(in srgb,var(--player-color,#5b3b28) 25%,transparent);border-radius:24px;transition:border-color .4s,box-shadow .4s;overflow:hidden}.board-card canvas{touch-action:none;display:block}.game-panel{border:1px solid var(--line);background:#fffaf0e8;border-radius:24px;flex-direction:column;padding:1.35rem;display:flex;box-shadow:0 18px 50px #5b3b281a}.roll-button{width:100%}.announcement{color:#665548;background:#fff6dd;border-left:3px solid #e4b94e;border-radius:0 9px 9px 0;min-height:48px;margin:1rem 0;padding:.75rem .8rem;font-size:.82rem;line-height:1.45}.scoreboard{border-top:1px solid var(--line);margin-top:auto;padding-top:1rem}.player-row{color:var(--muted);border-radius:10px;grid-template-columns:12px 1fr auto;align-items:center;gap:.55rem;padding:.7rem .55rem;font-size:.8rem;display:grid}.player-row.active{color:var(--ink);background:#f4ead8}.player-row strong{text-overflow:ellipsis;overflow:hidden}.token-mini{border-radius:50% 50% 40% 40%;width:10px;height:15px}.debug-panel{background:#eaeffa8c;border:1px dashed #44567c59;border-radius:12px;margin-top:1rem;overflow:hidden}.debug-panel summary{color:#4c5c7b;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem .8rem;font-size:.75rem;font-weight:800;list-style:none;display:flex}.debug-panel summary::-webkit-details-marker{display:none}.dev-badge{color:#fff;letter-spacing:.08em;background:#566b96;border-radius:999px;padding:.2rem .42rem;font-size:.58rem}.debug-content{border-top:1px dashed #44567c40;gap:.72rem;padding:0 .8rem .8rem;display:grid}.debug-roll{color:#5c6680;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.72rem;font-size:.72rem;font-weight:700;display:flex}.debug-roll select,.debug-player input{color:var(--ink);background:#fff;border:1px solid #44567c40;border-radius:8px;min-height:32px;padding:.3rem .5rem}.debug-players{gap:.4rem;display:grid}.debug-player{color:#5c6680;grid-template-columns:10px minmax(0,1fr) 58px auto;align-items:center;gap:.45rem;font-size:.7rem;display:grid}.debug-player input{width:58px}.debug-player button{color:#fff;cursor:pointer;background:#566b96;border:0;border-radius:7px;min-height:32px;padding:.3rem .55rem;font-size:.68rem;font-weight:800}.debug-player button:disabled,.debug-roll select:disabled,.debug-player input:disabled{opacity:.5;cursor:not-allowed}.debug-content p{color:#747f97;margin:0;font-size:.63rem;line-height:1.4}.rule-note{color:#8b7c71;text-align:center;margin:1rem 0 0;font-size:.7rem}.winner-card{text-align:center;padding:1rem 0}.winner-card h2{margin-bottom:.2rem;font-family:Fraunces,Georgia,serif;font-size:2.2rem}.winner-card p{color:var(--muted);margin-bottom:1.2rem}.winner-card .primary-button{width:100%}.trophy{color:#fff;background:#edc85e;border-radius:50%;place-items:center;width:86px;height:86px;margin:.5rem auto 1.5rem;font-size:2rem;display:grid}@media (width<=900px){.setup-shell{grid-template-columns:1fr;padding:2rem 1.25rem}.setup-card{width:100%;max-width:620px;margin:auto}.setup-board{height:520px;min-height:0}.game-shell{padding:.55rem}.play-layout{grid-template-columns:1fr;gap:.7rem}.board-card{border-width:1px;border-radius:14px;height:clamp(560px,80svh,740px);min-height:560px}.board-card canvas{touch-action:pan-y}.game-panel{min-height:0}.game-header{align-items:center;margin-bottom:.65rem}}@media (width<=560px){.setup-shell{gap:2rem}.setup-board{border-radius:22px;height:440px}.name-fields label{grid-template-columns:12px 65px 1fr}.mode-actions{grid-template-columns:1fr}.mode-card{min-height:112px}.game-shell{flex-direction:column;height:100svh;min-height:0;padding:.25rem;display:flex;position:fixed;inset:0;overflow:hidden}.game-header{flex:none;margin:.2rem .2rem .45rem}.game-header .eyebrow{display:none}.game-header h1{font-size:1.55rem}.game-header .text-button{padding:.48rem .7rem}.play-layout{flex:1;grid-template-rows:minmax(0,1fr) auto;gap:.4rem;width:100%;min-height:0;overflow:hidden}.board-stage{flex-direction:column;min-height:0;display:flex}.board-card{border-radius:9px;flex:1;height:auto;min-height:0}.board-card canvas{touch-action:none}.game-panel{border-radius:12px;max-height:44svh;padding:.62rem;overflow-y:auto;box-shadow:0 8px 24px #5b3b2817}.game-panel .primary-button{min-height:42px;padding:.58rem .8rem}.announcement{min-height:0;margin:.45rem 0;padding:.48rem .6rem;font-size:.75rem}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .25rem;margin-top:.25rem;padding-top:.4rem;display:grid}.scoreboard .panel-label{grid-column:1/-1;margin-bottom:.1rem}.player-row{padding:.35rem .3rem;font-size:.72rem}.debug-panel{margin-top:.4rem}.rule-note{display:none}.four-player-layout{gap:.28rem}.four-player-layout .mobile-player-strip{flex:none;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:.35rem;padding:.2rem .15rem;display:grid}.mobile-player-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;display:grid}.mobile-player-card{min-height:34px;color:var(--muted);background:#fffaf0c7;border:1px solid #4b372b1c;border-radius:8px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:.3rem;padding:.3rem .4rem;font-size:.68rem;display:grid}.mobile-player-card.active{border-color:color-mix(in srgb,var(--player-color,var(--coral)) 58%,transparent);background:color-mix(in srgb,var(--player-color,var(--coral)) 12%,#fffaf0);color:var(--ink);box-shadow:0 3px 10px #5b3b281a}.mobile-player-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-player-card .token-mini{width:8px;height:12px}.mobile-roll-button{box-shadow:none;border-radius:8px;font-size:.68rem;min-height:34px!important;padding:.35rem .4rem!important}.mobile-roll-button:disabled{cursor:default}.four-player-layout .game-panel>.roll-button,.four-player-layout .scoreboard{display:none}.four-player-layout .game-panel{max-height:28svh;padding:.48rem}.four-player-layout .announcement{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}