/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#203047;--paper:#fffdfa;--red:#ef5f62;--blue:#4593e6;--yellow:#f3bd3d;--green:#4fb98b}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 14%,#fffffff2 0 2px,#0000 3px),linear-gradient(135deg,#dff3ff 0%,#f7f3ff 48%,#fff1dc 100%);min-height:100vh;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button{font:inherit}.game-shell{min-height:100vh;padding:24px clamp(18px,4vw,58px) 36px}.topbar{align-items:center;gap:13px;max-width:1260px;margin:0 auto 20px;display:flex}.brand-mark{color:#fff;background:#6d61d5;border-radius:16px;place-items:center;width:46px;height:46px;font-size:24px;display:grid;transform:rotate(-5deg);box-shadow:0 9px 20px #5046b440}.topbar h1{letter-spacing:-.04em;margin:0;font-size:clamp(23px,3vw,34px);line-height:1.05}.eyebrow{color:#7e8b9d;letter-spacing:.18em;margin:0 0 4px;font-size:11px;font-weight:800}.status-pill{background:#ffffffb3;border-radius:999px;margin-left:auto;padding:9px 14px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #323c5a14}.status-pill i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #4fb98b26}.game-layout{grid-template-columns:minmax(0,860px) minmax(250px,320px);align-items:start;gap:22px;max-width:1260px;margin:auto;display:grid}.board-card,.control-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #ffffffe6;box-shadow:0 25px 70px #404a7821}.board-card{border-radius:34px;padding:clamp(12px,2.4vw,24px)}.board{aspect-ratio:1;background:var(--paper);border-radius:24px;grid-template:repeat(13,1fr)/repeat(13,1fr);gap:clamp(2px,.42vw,6px);width:100%;padding:clamp(6px,1vw,12px);display:grid;position:relative;overflow:hidden}.track-cell,.lane-cell{z-index:2;border-radius:25%;place-items:center;min-width:0;display:grid;box-shadow:inset 0 -3px #141e3714,0 2px 6px #1e2d460f}.track-red,.lane-red{background:#ffd9da}.track-blue,.lane-blue{background:#d6ebff}.track-yellow,.lane-yellow{background:#ffefbb}.track-green,.lane-green{background:#d5f3e7}.track-cell span{color:#fff;filter:drop-shadow(0 1px 1px #00000026);font-size:clamp(9px,1.7vw,20px)}.track-red.start-cell{background:var(--red)}.track-blue.start-cell{background:var(--blue)}.track-yellow.start-cell{background:var(--yellow)}.track-green.start-cell{background:var(--green)}.track-cell.start-red{background:var(--red)}.track-cell.start-blue{background:var(--blue)}.track-cell.start-yellow{background:var(--yellow)}.track-cell.start-green{background:var(--green)}.hangar{z-index:1;border:2px solid #ffffffe6;border-radius:25%;flex-direction:column;justify-content:space-between;padding:clamp(8px,1.3vw,18px);display:flex}.hangar>span{opacity:.65;font-size:clamp(9px,1.2vw,14px);font-weight:900}.hangar-red{color:#b44248;background:#ffe3e4}.hangar-blue{color:#2d72b6;background:#dff0ff}.hangar-yellow{color:#9f7310;background:#fff1c8}.hangar-green{color:#277c5b;background:#dcf5e9}.hangar-pieces{grid-template-columns:repeat(2,1fr);gap:clamp(5px,1vw,12px);display:grid}.hangar-pieces b{aspect-ratio:1;color:#fff;background:currentColor;border-radius:50%;place-items:center;font-size:clamp(12px,2.2vw,24px);display:grid;box-shadow:inset 0 -4px #0000001f,0 4px 8px #1e283c1f}.hangar-title{justify-content:space-between;align-items:center;gap:6px;font-size:clamp(8px,1.1vw,13px);font-weight:900;display:flex}.hangar-title b{background:#ffffff85;border-radius:999px;padding:3px 6px;font-size:.82em}.hangar-inactive{opacity:.35;filter:grayscale(.6)}.piece-slot{aspect-ratio:1;background:#ffffff85;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #1e2d4614}.piece-button{color:#fff;cursor:default;border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:100%;min-width:18px;height:100%;min-height:18px;padding:0;display:grid;position:relative;box-shadow:inset 0 -3px #00000021,0 3px 7px #1e28462e}.piece-button span{font-size:clamp(8px,1.7vw,20px);line-height:1}.piece-button sup{width:13px;height:13px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:7px;font-weight:900;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 3px #0003}.piece-red{background:var(--red)}.piece-blue{background:var(--blue)}.piece-yellow{background:var(--yellow)}.piece-green{background:var(--green)}.piece-movable{cursor:pointer;z-index:9;animation:1s ease-in-out infinite piece-pulse}.piece-movable:hover{transform:scale(1.12)}.piece-stack{z-index:4;grid-template-columns:repeat(2,1fr);gap:1px;width:82%;height:82%;display:grid}.finish-star{z-index:5;color:#fff;background:conic-gradient(var(--red), var(--blue), var(--yellow), var(--green), var(--red));border-radius:30%;grid-area:7/7;place-self:center;place-items:center;width:140%;height:140%;font-size:clamp(16px,2.8vw,34px);display:grid;position:relative;box-shadow:0 7px 14px #46467833}.finish-star>span{opacity:.9}.finish-pieces{grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:absolute;inset:8%}.finish-pieces:empty{display:none}@keyframes piece-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #ffffffb3,0 3px 8px #3c3c6433}50%{transform:scale(1.14);box-shadow:0 0 0 5px #ffffffe6,0 6px 12px #3c3c6447}}.control-card{text-align:center;border-radius:30px;padding:22px 26px 20px;position:sticky;top:24px}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.new-game-button{color:#6258b7;cursor:pointer;background:#ffffffc2;border:0;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #5046961f}.setup-row{border-bottom:1px solid #323c5a14;justify-content:center;align-items:center;gap:5px;margin-bottom:15px;padding-bottom:14px;display:flex}.setup-row>span{color:#8a96a5;margin-right:3px;font-size:11px;font-weight:800}.setup-row button{color:#788596;cursor:pointer;background:#f0f2f6;border:0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.setup-row button.selected{color:#fff;background:#6c60d1;box-shadow:0 4px 9px #5a4bbe33}.round-label{color:#776acb;background:#eeeaff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.current-player{text-align:left;justify-content:center;align-items:center;gap:12px;margin:17px 0 13px;display:flex}.current-player small,.current-player strong{display:block}.current-player small{color:#8c98a7;margin-bottom:3px;font-size:11px}.current-player strong{font-size:20px}.player-dot{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid;box-shadow:inset 0 -4px #0000001f}.red-dot{background:var(--red)}.blue-dot{background:var(--blue)}.yellow-dot{background:var(--yellow)}.green-dot{background:var(--green)}.dice{background:#fff;border-radius:28px;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;width:108px;height:108px;margin:0 auto 15px;padding:22px;display:grid;transform:rotate(3deg);box-shadow:inset 0 -7px #e9e7ed,0 18px 32px #34305a29}.dice i{opacity:0;background:#34435a;border-radius:50%;width:13px;height:13px;transition:opacity .18s,transform .18s;transform:scale(.5)}.dice i.visible{opacity:1;transform:scale(1)}.roll-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7469dc,#5a4bc5);border:0;border-radius:16px;width:100%;padding:15px 18px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 20px #5a4bc540}.roll-button:hover{transform:translateY(-2px);box-shadow:0 14px 24px #5a4bc54d}.roll-button:active{transform:translateY(1px)}.roll-button span{float:right;opacity:.65;font-size:11px}.pass-button{color:#536174;cursor:pointer;background:#edf0f5;border:0;border-radius:16px;width:100%;padding:15px 18px;font-weight:900}.pass-button span{float:right;color:#8a95a4;font-size:11px}.move-options{background:#eeeaff;border-radius:16px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:7px;display:flex}.move-options>span{color:#786ec4;font-size:10px;font-weight:900}.move-options button{color:#fff;cursor:pointer;background:#6c60d1;border:0;border-radius:10px;width:43px;height:32px;font-size:10px;font-weight:900;box-shadow:0 4px 8px #5a4bbe33}.hint{color:#6f7f91;min-height:40px;margin:11px 0;font-size:12px;line-height:1.55}.score-row{border-top:1px solid #323c5a14;justify-content:center;gap:8px;padding-top:14px;display:flex}.score{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:grid}.score.red{background:var(--red)}.score.blue{background:var(--blue)}.score.yellow{background:var(--yellow)}.score.green{background:var(--green)}.scoreboard{border-top:1px solid #323c5a14;gap:5px;padding-top:12px;display:grid}.score-line{text-align:left;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.score-line b{font-size:11px}.score-line small{color:#94a0ae;font-size:9px}.rules{text-align:left;border-top:1px solid #323c5a14;margin-top:11px;padding-top:10px}.rules summary{color:#7c8999;cursor:pointer;font-size:10px;font-weight:800}.rules ul{color:#7b8999;margin:9px 0 0;padding-left:17px;font-size:10px;line-height:1.65}.winner-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f263e75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.winner-card{text-align:center;background:#fff;border-radius:32px;width:min(390px,100%);padding:36px 30px 30px;animation:.35s ease-out winner-in;box-shadow:0 30px 90px #191e3c4d}.winner-plane{color:#fff;border-radius:26px;place-items:center;width:82px;height:82px;margin:0 auto 20px;font-size:40px;display:grid;transform:rotate(-8deg);box-shadow:inset 0 -6px #0000001f,0 16px 28px #32375f2e}.winner-card p{color:#8a79d6;letter-spacing:.18em;margin:0 0 5px;font-size:11px;font-weight:900}.winner-card h2{letter-spacing:-.04em;margin:0 0 8px;font-size:34px}.winner-card>span{color:#8390a0;font-size:13px;display:block}.winner-card button{color:#fff;cursor:pointer;background:#6658cf;border:0;border-radius:14px;margin-top:23px;padding:13px 27px;font-weight:900;box-shadow:0 10px 20px #5a4bbe3d}@keyframes winner-in{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:none}}@media (max-width:860px){.game-layout{grid-template-columns:1fr}.control-card{position:static}.scoreboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.game-shell{padding:14px 10px 24px}.topbar{margin-bottom:12px}.status-pill{display:none}.board-card{border-radius:22px;padding:7px}.board{border-radius:17px;gap:2px;padding:5px}.hangar{padding:6px}.hangar-pieces{gap:4px}.control-card{border-radius:22px;padding:18px}.header-actions{margin-left:auto}.new-game-button{padding:8px 10px;font-size:10px}.scoreboard{grid-template-columns:1fr}.piece-button sup{width:10px;height:10px;font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}