:root{--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-1:8px;--r-2:12px;--r-3:18px;--r-4:26px;--r-full:999px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:clamp(1.15rem, 3.4vw, 1.4rem);--fs-2xl:clamp(1.5rem, 5vw, 2rem);--fs-3xl:clamp(2.1rem, 8vw, 3.25rem);--lh-tight:1.15;--lh:1.45;--e-1:0 1px 2px #04050c4d, 0 3px 8px #04050c33;--e-2:0 4px 10px #04050c52, 0 14px 30px #04050c42;--e-3:0 10px 24px #04050c5c, 0 30px 64px #04050c66;--e-card:0 4px 10px #04050c66, 0 16px 34px #04050c57, inset 0 1px 0 #ffffff14;--dur-1:.12s;--dur-2:.2s;--dur-3:.6s;--ease:cubic-bezier(.2, .7, .3, 1);--ease-drop:cubic-bezier(.18, 1.2, .4, 1);--stage-0:#0c0d16;--stage-1:#171a2b;--stage-glow:#2a2352;--on-stage:#f3f4fb;--on-stage-muted:#a3a7c4;--panel:#1c1f34c7;--panel-solid:#1c1f34;--panel-2:#ffffff0f;--panel-3:#ffffff1f;--text:#f1f2fa;--muted:#b0b6d4;--border:#ffffff29;--border-strong:#ffffff52;--card-blur:blur(14px) saturate(1.15);--accent:#7c5cff;--accent-top:#6b4ceb;--accent-deep:#5b3bdb;--accent-soft:#7c5cff33;--accent-line:#8c70ffbf;--accent-text:#cabcff;--on-accent:#fff;--focus:var(--accent);--piece-0:#e8402a;--piece-1:#2b55e0;--piece-edge:#000000b3;--piece-halo:#ffffffd9;--square-light:#8a8a8a;--square-dark:#1f1f1f;--board-edge:#0d0d0f;--board-line:#0000008c;--select:#fff;--target:#fff;--three:#ffc400;--three-soft:#ffc40024;--three-line:#ffc40099;--three-text:#ffd76b;--win:#35ff8a;--win-soft:#35ff8a1f;--win-line:#35ff8a8c;--win-text:#7dfab8;--threat:#ff5a1f;--threat-soft:#ff5a1f24;--threat-line:#ff5a1fa6;--threat-text:#ff9d70;--display:"Fredoka", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px / var(--lh) var(--sans);color:var(--on-stage);background:var(--stage-0);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{min-height:100svh;color:var(--on-stage);background:radial-gradient(80vw 60vh at 12% -10%, #7c5cff47, transparent 60%), radial-gradient(70vw 50vh at 95% 8%, #23d3e824, transparent 55%), radial-gradient(circle at 50% 120%, var(--stage-1), transparent 70%), var(--stage-0);background-attachment:fixed;margin:0}html.embedded body,html.embedded .app{min-height:0}body:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0}button{font:inherit;font-size:var(--fs-md)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{max-width:1120px;padding:var(--s-4) var(--s-4) var(--s-6);align-items:center;gap:var(--s-5);flex-direction:column;min-height:100svh;margin:0 auto;display:flex;position:relative}h3{margin:0 0 var(--s-2);font-family:var(--display);font-size:var(--fs-lg);font-weight:600}.title{margin:var(--s-2) 0 0;font-family:var(--display);font-size:var(--fs-3xl);font-weight:600;line-height:var(--lh-tight);letter-spacing:.005em;text-transform:lowercase;text-align:center;color:var(--on-stage);-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 26px #7c5cff73);background:linear-gradient(#fff 30%,#c3b8ff);-webkit-background-clip:text;background-clip:text}.tagline{text-align:center;color:var(--on-stage-muted);font-size:var(--fs-sm);margin:0}.footer{padding-top:var(--s-5);color:var(--on-stage-muted);font-size:var(--fs-xs);letter-spacing:.02em;text-align:center;margin-top:auto}.card,.modes,.player-fields,.levels,.admit,.how-to,.status,.supply-panel{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--e-card);-webkit-backdrop-filter:var(--card-blur)}.btn{min-height:52px;padding:0 var(--s-5);border-radius:var(--r-2);cursor:pointer;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);border:0;font-weight:600}.btn:active{transform:translateY(1px)}.btn-primary{color:var(--on-accent);background:linear-gradient(180deg, var(--accent-top), var(--accent-deep));box-shadow:var(--e-2), inset 0 1px 0 #ffffff4d}.btn-primary:hover{box-shadow:var(--e-3), inset 0 1px 0 #ffffff59}.btn-quiet{color:var(--on-stage);background:#ffffff12;border:2px solid #ffffff2e}.btn-quiet:hover:not(:disabled){background:#ffffff24}.btn:disabled{opacity:.42;cursor:default;transform:none}.big-button{min-height:62px;font-family:var(--display);font-size:var(--fs-xl);border-radius:var(--r-3)}.start-screen{gap:var(--s-4);flex-direction:column;width:100%;max-width:660px;display:flex}.modes{padding:var(--s-3) var(--s-4) var(--s-2);margin:0}.group-label{margin:0 0 var(--s-1);font-family:var(--display);font-size:var(--fs-lg);font-weight:600}.mode{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;cursor:pointer;min-height:48px;display:flex}.mode input{width:22px;height:22px;accent-color:var(--accent)}.mode-off{color:var(--muted);opacity:.7;cursor:default}.mode em{font-style:normal;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-full);padding:2px var(--s-2);margin-left:var(--s-1);white-space:nowrap}.players{gap:var(--s-4);flex-wrap:wrap;display:flex}.player-fields{min-width:0;padding:var(--s-3) var(--s-4) var(--s-4);flex:260px;position:relative;overflow:hidden}.player-fields:before{content:"";background:var(--card-accent,var(--accent));height:6px;position:absolute;inset:0 0 auto}.players-solo .player-fields{flex:100%}.player-fields h3{align-items:center;gap:var(--s-2);margin-top:var(--s-1);display:flex}.field{margin-top:var(--s-3);display:block}.field>span{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--s-1);display:block}.field input[type=text]{width:100%;font:inherit;padding:var(--s-3);min-height:48px;color:var(--text);caret-color:var(--accent);background:var(--panel-2);border:2px solid var(--border);border-radius:var(--r-1)}.field input[type=text]:focus{border-color:var(--accent-line);background:var(--panel-3);outline:none}.age-row{align-items:center;gap:var(--s-2);display:flex}.age-step{width:48px;height:48px;color:var(--text);border:2px solid var(--border);border-radius:var(--r-1);background:var(--panel-2);cursor:pointer;font-size:26px;line-height:1}.age-step:hover{background:var(--panel-3)}.age-step:active{background:var(--border-strong)}.age-input{width:84px;height:48px;font:inherit;font-family:var(--display);text-align:center;color:var(--text);background:var(--panel-2);border:2px solid var(--border);border-radius:var(--r-1);font-size:24px}.gentleman{align-items:flex-start;gap:var(--s-2);margin-top:var(--s-3);padding:var(--s-2) var(--s-3);min-height:48px;font-size:var(--fs-sm);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-1);cursor:pointer;line-height:1.3;display:flex}.gentleman input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:2px}.gentleman:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}.levels{padding:var(--s-3) var(--s-4) var(--s-4);margin:0}.level-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.level{min-height:68px;padding:var(--s-2);text-align:center;background:var(--panel-2);border:2px solid var(--border);border-radius:var(--r-2);cursor:pointer;transition:border-color var(--dur-1) var(--ease);flex-direction:column;flex:96px;justify-content:center;align-items:center;gap:2px;display:flex}.level input{opacity:0;width:1px;height:1px;position:absolute}.level-number{font-family:var(--display);font-size:var(--fs-lg);font-weight:700;line-height:1}.level-label{font-size:var(--fs-xs);color:var(--muted)}.level-on{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:0 0 18px #7c5cff40}.level-on .level-label{color:var(--accent-text)}.level-note{margin:var(--s-3) 0 0;font-size:var(--fs-sm);color:var(--muted)}.admit{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);cursor:pointer;min-height:56px;display:flex}.admit input{width:24px;height:24px;accent-color:var(--accent);flex:none}.reason{text-align:center;color:var(--on-stage);justify-content:center;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.how-to{padding:var(--s-3) var(--s-4)}.how-to summary{cursor:pointer;font-family:var(--display);min-height:32px;font-weight:600}.how-to ul{margin:var(--s-2) 0 0;padding-left:var(--s-5)}.how-to li{margin:var(--s-1) 0}.coin-flip{perspective:240px;flex:none;display:inline-flex}.coin{width:30px;height:30px;font-family:var(--display);color:#543f06;animation:coin-flip var(--dur-3) var(--ease) both;background:radial-gradient(circle at 32% 26%,#fff5c6,#ffcf3f 55%,#d09312);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;box-shadow:0 2px 8px #00000073,inset 0 -2px 3px #00000040}@keyframes coin-flip{0%{transform:rotateY(0)translateY(0)scale(.8)}55%{transform:rotateY(900deg)translateY(-16px)scale(1.12)}to{transform:rotateY(1440deg)translateY(0)scale(1)}}.game-screen{--board-w:min(62vh, 540px);align-items:center;gap:var(--s-4);flex-direction:column;width:100%;display:flex}.status{width:var(--board-w);text-align:center;max-width:100%;padding:var(--s-3) var(--s-5);border-top:5px solid var(--accent);animation:toast-in var(--dur-2) var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:none}}.status-headline{font-family:var(--display);font-size:var(--fs-2xl);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.01em}.status-sub{color:var(--muted);font-size:var(--fs-sm)}.status-warn{margin-top:var(--s-2);padding:var(--s-1) var(--s-3);border:1px solid var(--threat-line);border-radius:var(--r-full);background:var(--threat-soft);color:var(--threat-text);font-weight:700}.status-bonus{border-color:var(--three-line);border-top-color:var(--three);background-image:linear-gradient(180deg, var(--three-soft), transparent 70%);box-shadow:var(--e-card), 0 6px 30px #ffc40029}.status-bonus .status-headline{color:var(--three-text)}.status-win{border-color:var(--win-line);border-top-color:var(--win);background-image:linear-gradient(180deg, var(--win-soft), transparent 70%);box-shadow:var(--e-card), 0 6px 30px #35ff8a29}.status-win .status-headline{color:var(--win-text)}.status-draw{border-top-color:var(--muted)}.game-main{width:var(--board-w);gap:var(--s-3);flex-direction:column;max-width:100%;display:flex}.player-row{gap:var(--s-3);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.board{aspect-ratio:1;background:var(--board-edge);border-radius:var(--r-2);width:100%;box-shadow:var(--e-3), 0 0 0 6px var(--board-edge);grid-template-columns:repeat(8,1fr);gap:0;display:grid;position:relative;overflow:hidden}.board-frame{pointer-events:none;border-radius:inherit;z-index:4;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #000000d9,inset 0 12px 30px #00000080,inset 0 -8px 22px #00000059}.square{aspect-ratio:1;cursor:pointer;min-width:0;box-shadow:inset 0 0 0 1px var(--board-line);border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.square-light{background:var(--square-light)}.square-dark{background:var(--square-dark)}.square-selected{outline:4px solid var(--select);outline-offset:-4px;z-index:2}.square-three{outline:4px solid var(--three);outline-offset:-4px;z-index:2;animation:three-pulse .52s var(--ease) 2}@keyframes three-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--board-line)}50%{box-shadow:inset 0 0 0 1px var(--board-line), inset 0 0 26px 6px #ffc40099}}.square-win{outline:5px solid var(--win);outline-offset:-5px;z-index:3;animation:1.1s ease-in-out infinite alternate win-glow}@keyframes win-glow{0%{box-shadow:inset 0 0 0 1px var(--board-line), inset 0 0 10px #35ff8a66}to{box-shadow:inset 0 0 0 1px var(--board-line), inset 0 0 30px #35ff8ad9}}.square-threat{outline:3px solid var(--threat);outline-offset:-3px;z-index:2;animation:1.3s ease-in-out infinite threat-pulse}@keyframes threat-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--board-line);outline-width:3px}50%{box-shadow:inset 0 0 0 1px var(--board-line), inset 0 0 20px #ff5a1f99;outline-width:6px}}.threat-mark{font-family:var(--sans);color:var(--threat);text-shadow:0 0 3px #000,0 0 6px #000;font-size:1.3rem;font-weight:800;line-height:1.1;position:absolute;top:2%;right:10%}.dot{background:var(--target);opacity:.85;width:26%;height:26%;animation:dot-in var(--dur-2) var(--ease) both;border-radius:50%;box-shadow:0 0 0 2px #00000073}@keyframes dot-in{0%{opacity:0;transform:scale(.2)}to{opacity:.85;transform:none}}.piece{border:2px solid var(--piece-edge);box-shadow:0 0 0 2px var(--piece-halo);border-radius:50%;display:inline-block}.piece-p0{background-color:var(--piece-0)}.piece-p1{background-color:var(--piece-1)}.piece-board{width:76%;height:76%;box-shadow:0 0 0 2px var(--piece-halo), 0 3px 7px #0000008c, inset 0 -4px 7px #00000059, inset 0 3px 5px #fff3;background-image:radial-gradient(circle at 34% 28%,#ffffff9e,#ffffff0f 42%,#00000038 78%)}.piece-mini{flex:none;width:16px;height:16px}.piece-drop{animation:piece-drop var(--dur-2) var(--ease-drop) both}@keyframes piece-drop{0%{opacity:0;transform:translateY(-150%)scale(.7)}60%{opacity:1;transform:translateY(0)scale(1.08)}to{transform:none}}.piece-slide{animation:piece-slide var(--dur-2) var(--ease) both}@keyframes piece-slide{0%{transform:translate(calc(var(--slide-x,0) * 132%), calc(var(--slide-y,0) * 132%))}to{transform:none}}.color-field{position:relative}.color-toggle{align-items:center;gap:var(--s-3);width:100%;min-height:56px;padding:var(--s-2) var(--s-3);text-align:left;color:var(--text);background:var(--panel-2);border:2px solid var(--border);border-radius:var(--r-2);cursor:pointer;display:flex}.color-toggle:hover{background:var(--panel-3)}.color-toggle-swatch{border:2px solid var(--piece-edge);width:32px;height:32px;box-shadow:0 0 0 2px var(--piece-halo);border-radius:50%;flex:none}.color-toggle-text{flex-direction:column;line-height:1.2;display:flex}.color-toggle-name{font-weight:600}.color-toggle-hint{font-size:var(--fs-xs);color:var(--muted)}.color-toggle-chevron{font-size:var(--fs-lg);color:var(--muted);margin-left:auto}.color-toggle[aria-expanded=true]{border-color:var(--accent-line)}.color-pop{margin-top:var(--s-2);width:max-content;max-width:100%;padding:var(--s-3);background:var(--panel-solid);border:2px solid var(--accent-line);border-radius:var(--r-2);box-shadow:var(--e-3);animation:pop-in var(--dur-2) var(--ease) both}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.color-grid{gap:var(--s-2);grid-template-columns:repeat(4,1fr);max-width:248px;display:grid}.swatch{aspect-ratio:1;border:2px solid var(--border-strong);border-radius:var(--r-1);cursor:pointer;min-width:44px;min-height:44px;transition:transform var(--dur-1) var(--ease);justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 -3px 6px #0003}.swatch:hover:not(:disabled){transform:scale(1.06)}.swatch-chosen{border-color:var(--text);box-shadow:inset 0 0 0 1px #ffffff38, inset 0 -3px 6px #0003, 0 0 0 2px var(--panel-solid), 0 0 0 5px var(--accent)}.swatch-taken{cursor:not-allowed;opacity:.4}.swatch-cross{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:26px;font-weight:700;line-height:1}.supply-panel{align-items:center;gap:var(--s-2);min-width:0;padding:var(--s-2) var(--s-3);border-top:4px solid var(--piece-0);transition:box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);flex-wrap:wrap;display:flex}.supply-head{display:contents}.supply-panel-p1{border-top-color:var(--piece-1)}.supply-panel-active{border-color:var(--accent-line);box-shadow:var(--e-card), 0 0 0 3px var(--accent-soft), 0 0 26px #7c5cff38}.supply-head{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.supply-name{font-family:var(--display);font-size:var(--fs-md);overflow-wrap:anywhere;min-width:0}.turn-badge{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(180deg, var(--accent-top), var(--accent-deep));color:var(--on-accent);border-radius:var(--r-full);padding:3px var(--s-2);white-space:nowrap;font-weight:700}.level-badge{font-size:var(--fs-xs);letter-spacing:.03em;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-full);padding:2px var(--s-2);white-space:nowrap;font-weight:700}.gentleman-badge{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-full);padding:2px var(--s-2);white-space:nowrap}.supply-count{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;margin:0 0 0 auto}.supply-notice{margin:var(--s-2) 0 0;font-size:var(--fs-xs);color:var(--three-text);background:var(--three-soft);border:1px solid var(--three-line);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);flex:100%;line-height:1.3}.board-locked .square,.square-locked{cursor:not-allowed}.thinking-badge{background:linear-gradient(180deg, var(--accent-top), var(--accent-deep));align-items:center;gap:4px;display:inline-flex}.thinking-dots{gap:3px;display:inline-flex}.thinking-dots i{border-radius:var(--r-full);width:4px;height:4px;animation:thinking-dot 1.2s var(--ease) infinite;background:currentColor}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes thinking-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.ai-hint{font-size:var(--fs-xs);color:var(--muted);flex:100%;margin:0;font-style:italic}.ai-error{justify-content:center;align-items:center;gap:var(--s-3);text-align:center;color:var(--on-stage);flex-wrap:wrap;margin:0;display:flex}.btn-small{min-height:44px;padding:0 var(--s-4)}.controls{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.celebration{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.flake{width:var(--w);height:var(--h);opacity:0;animation:confetti var(--fall) var(--ease) var(--delay) forwards;border-radius:2px;position:absolute;top:-6%}.flake-a{background:var(--piece-0)}.flake-b{background:var(--piece-1)}.flake-c{background:#ffd23f}@keyframes confetti{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:1}to{transform:translate3d(var(--drift), 112vh, 0) rotate(var(--spin));opacity:.9}}@media (prefers-reduced-motion:reduce){.celebration{display:none}}@media (width<=699px){.app{padding:var(--s-3) var(--s-4) var(--s-6);gap:var(--s-4)}.game-screen{gap:var(--s-3)}.board{box-shadow:var(--e-2), 0 0 0 4px var(--board-edge)}.player-row{gap:var(--s-2)}.supply-panel{gap:var(--s-1) var(--s-2);padding:var(--s-2)}.supply-count{font-size:var(--fs-xs)}.status{padding:var(--s-3) var(--s-4)}.status-headline{font-size:var(--fs-xl)}.controls .btn{padding:0 var(--s-4);flex:auto}.player-fields{flex:100%}}@media (width<=359px){.player-row{grid-template-columns:1fr}}