:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--twsa-safe-area-inset-top:env(safe-area-inset-top,0px);--twsa-safe-area-inset-right:env(safe-area-inset-right,0px);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--twsa-safe-area-inset-left:env(safe-area-inset-left,0px)}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}html,[data-generated-space-root]{height:100%;min-height:100%}[data-generated-space-root]{overflow:auto;position:fixed;scrollbar-width:none;inset:0}.hatch-space-root[data-hatch-space-root]{--hatch-space-bottom-padding:calc(var(--bottom-padding,0px) + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:calc(100% + var(--header-height,0px) + var(--hatch-space-bottom-padding));min-height:calc(100dvh + var(--header-height,0px) + var(--hatch-space-bottom-padding));padding-top:var(--header-height,0px);padding-bottom:var(--hatch-space-bottom-padding);background:var(--bg,#f4f7fb);color:var(--text,#0f172a)}@media (prefers-color-scheme:dark){.hatch-space-root[data-hatch-space-root]{background:var(--bg,#0c111b);color:var(--text,#e5eef9)}}[data-generated-space-root]::-webkit-scrollbar{display:none}/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@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}::-webkit-file-upload-button{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;font-feature-settings:initial;font-variation-settings:initial;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{color:inherit;border-top-width:1px;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:initial;font-variation-settings:initial;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}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{display:block;vertical-align:middle}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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports ( not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{appearance:button}::file-selector-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 utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.safe{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left)}}:root{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left);--buncss-light: ;--buncss-dark:initial;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--ink:#f7fbff;--muted:#b7c5d8;--navy:#071226;--navy2:#0c1a33;--line:#aeb8c7;--gold:#ffd35c;--red:#ba2028;--card:#fff;--cardink:#111;--accent:#5ee0cb;--danger:#ff6f72;--shadow:#0000007a;--card-w:clamp(58px,7.7cqw,104px);--card-h:calc(var(--card-w)*1.42);--dev-size-mouseHand:.5;--dev-size-mouseGoal:1;--dev-size-mouseWaste:1;--dev-size-draw:1;--dev-size-foundations:1;--dev-size-catGoal:1;--dev-size-catWaste:1;--dev-size-hand:1;--dev-gap-mouseHand:0px;--dev-gap-mouseGoal:0px;--dev-gap-mouseWaste:0px;--dev-gap-draw:0px;--dev-gap-foundations:0px;--dev-gap-catGoal:0px;--dev-gap-catWaste:0px;--dev-gap-hand:0px;--dev-left-mouseHand:0px;--dev-left-mouseGoal:0px;--dev-left-mouseWaste:0px;--dev-left-draw:0px;--dev-left-foundations:0px;--dev-left-catGoal:0px;--dev-left-catWaste:0px;--dev-left-hand:0px;--mouse-goal-align-y:0px;--cat-goal-align-y:0px;--lower-rows-shift:36px;--player-foundation-clearance:10px}@media (prefers-color-scheme:light){:root{--navy:#0b1b36;--navy2:#10284c;--ink:#fff;--muted:#d6e3f1;--line:#c1cad8}}*{box-sizing:border-box}html,body{color:var(--ink);overscroll-behavior:none;overscroll-behavior-y:none;background:#050d1d;min-height:100%;margin:0;font-family:Trebuchet MS,Verdana,sans-serif}body{overflow:hidden;min-height:100dvh}button{font:inherit;color:inherit}.hidden{display:none!important}.artifact-shell{container-type:inline-size;width:100%;height:100dvh;margin:0 auto}#app{background:radial-gradient(circle at 50% 46%,#455e8b3d,transparent 28%),linear-gradient(145deg,var(--navy2),var(--navy)72%);position:relative;overflow:hidden;overscroll-behavior:none;touch-action:pan-y;width:100%;height:100dvh;min-height:520px}@media (min-width:701px){.artifact-shell{width:min(100vw,46.15dvh)}}.screen{position:absolute;overscroll-behavior:none;inset:0}.menu{display:grid;touch-action:none;background:linear-gradient(#030b1ad6,#040e1eeb);place-items: center;padding:24px}.menu-card{text-align:center;width:min(760px,100%)}.logo{display:block;filter:drop-shadow(0 10px 20px #000);width:min(680px,92cqw);height:auto;margin:0 auto clamp(20px,5vh,52px)}.menu h2{margin:0 0 16px;font-size:clamp(22px,3cqw,34px)}.difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(640px,100%);margin:auto}.big-btn,.tool-btn,.back-btn,.setting-btn{cursor:pointer;background:#182b4a;border:2px solid #cfd8e7;border-radius:12px;font-weight:900;box-shadow:0 6px #07101f}.big-btn{min-height:68px;font-size:clamp(20px,3cqw,30px)}.big-btn:active,.tool-btn:active,.back-btn:active,.setting-btn:active{transform:translateY(3px);box-shadow:0 3px #07101f}.rules-btn{width:min(300px,80%);margin-top:22px}.game{display:grid;grid-template-columns:minmax(92px,12cqw)1fr;grid-template-rows:1fr 1fr;padding:max(12px,env(safe-area-inset-top))max(12px,env(safe-area-inset-right))max(12px,env(safe-area-inset-bottom))max(12px,env(safe-area-inset-left));touch-action:none;background:radial-gradient(circle at 56% 49%,#617baa29,#0000 23%);gap:10px}.side{display:flex;flex-direction:column;justify-content:center;align-items: center;min-width:0}.mouse-side{grid-column:1;grid-row:1}.cat-side{grid-column:1;grid-row:2}.name{letter-spacing:.04em;text-shadow:0 2px 3px #000;margin-bottom:5px;font-size:clamp(17px,2.2cqw,27px);font-weight:1000}.name.mouse{color:#bfeaff;margin:5px 0 0}.name.cat{color:#ffde83}.count{color:var(--muted);margin-top:7px;font-size:clamp(18px,2cqw,25px);font-weight:1000}.board{grid-column:2;grid-row:1/3;display:flex;padding-top:max(0px,calc(15.3846% - 3.0769px - var(--card-h)/2));flex-direction:column;justify-content:space-between;min-width:0;min-height:0}.row{display:grid;grid-template-columns:minmax(90px,1fr)minmax(260px,4fr);flex:0 0 var(--local-card-h,var(--card-h));align-items: center;gap:18px;min-height:0}.mouse-hand-row{flex-basis:calc(var(--card-h)*.5)}.center-row{grid-template-columns:minmax(90px,1fr)minmax(260px,4fr)}.pile-row{display:flex;justify-content:center;align-items: center;gap:clamp(3px,1.4cqw,24px);min-width:0}.mouse-row{--local-card-w:calc(var(--card-w)*var(--dev-size-mouseWaste));--local-card-h:calc(var(--card-h)*var(--dev-size-mouseWaste));transform:translate(var(--dev-left-mouseWaste),calc(0px - var(--dev-gap-mouseWaste)))}.center-row{--local-card-w:calc(var(--card-w)*var(--dev-size-foundations));--local-card-h:calc(var(--card-h)*var(--dev-size-foundations));transform:translateY(calc(0px - var(--lower-rows-shift)))}.center-row .stock-wrap{--local-card-w:calc(var(--card-w)*var(--dev-size-draw));--local-card-h:calc(var(--card-h)*var(--dev-size-draw));transform:translate(var(--dev-left-draw),calc(0px - var(--dev-gap-draw)))}.center-row #foundations{--local-card-w:calc(var(--card-w)*var(--dev-size-foundations));--local-card-h:calc(var(--card-h)*var(--dev-size-foundations));--foundation-row-gap:clamp(5px,.9cqw,12px);display:grid;grid-template-columns:var(--local-card-w)var(--local-card-h)var(--local-card-w);grid-template-rows:repeat(2,var(--local-card-w));justify-content:center;align-items: center;column-gap:clamp(4px,1.25cqw,18px);row-gap:var(--foundation-row-gap);transform:translate(var(--dev-left-foundations),calc(0px - var(--dev-gap-foundations)))}.center-row #foundations>.slot:first-child{grid-column:1;grid-row:1/3;place-self: center}.center-row #foundations>.slot:nth-child(2){grid-column:2;grid-row:1;place-self: center;transform:rotate(90deg)}.center-row #foundations>.slot:nth-child(3){grid-column:2;grid-row:2;place-self: center;transform:rotate(90deg)}.center-row #foundations>.slot:nth-child(4){grid-column:3;grid-row:1/3;place-self: center}.center-row:has(#foundations){flex-basis:max(calc(var(--card-h)*var(--dev-size-draw)),calc(var(--card-h)*var(--dev-size-foundations)),calc(var(--card-w)*var(--dev-size-foundations)*2 + var(--foundation-row-gap,8px)))}.player-row{--local-card-w:calc(var(--card-w)*var(--dev-size-catWaste));--local-card-h:calc(var(--card-h)*var(--dev-size-catWaste));transform:translate(var(--dev-left-catWaste),calc(0px - var(--dev-gap-catWaste) - var(--lower-rows-shift) + var(--player-foundation-clearance)))}.hand-row{--local-card-w:calc(var(--card-w)*var(--dev-size-hand));--local-card-h:calc(var(--card-h)*var(--dev-size-hand));transform:translate(var(--dev-left-hand),calc(0px - var(--dev-gap-hand) - var(--lower-rows-shift) + var(--player-foundation-clearance)))}.hand{display:flex;height:var(--local-card-h,var(--card-h));justify-content:center;align-items: flex-end;min-width:0;padding-left:2cqw}.hand .card{margin-left:calc(var(--local-card-w,var(--card-w))*-.16)}.hand .card:first-child{margin-left:0}.hand .card:first-child{transform:rotate(-8deg)translateY(8px)}.hand .card:nth-child(2){transform:rotate(-4deg)translateY(2px)}.hand .card:nth-child(4){transform:rotate(4deg)translateY(2px)}.hand .card:nth-child(5){transform:rotate(8deg)translateY(8px)}.mouse-hand{--local-card-w:calc(var(--card-w)*var(--dev-size-mouseHand));--local-card-h:calc(var(--card-h)*var(--dev-size-mouseHand));display:flex;height:var(--local-card-h);transform:translate(var(--dev-left-mouseHand),calc(0px - var(--dev-gap-mouseHand)));justify-content:center;align-items: flex-end;min-width:0}.mouse-hand .card{width:var(--local-card-w);height:var(--local-card-h);box-shadow:0 3px 7px var(--shadow);margin-left:calc(var(--local-card-w)*-.16);cursor:default;border-width:2px;border-radius:5px}.mouse-hand .card:first-child{margin-left:0}.mouse-hand .card:first-child{transform:rotate(-8deg)translateY(4px)}.mouse-hand .card:nth-child(2){transform:rotate(-4deg)translateY(1px)}.mouse-hand .card:nth-child(4){transform:rotate(4deg)translateY(1px)}.mouse-hand .card:nth-child(5){transform:rotate(8deg)translateY(4px)}.card,.slot,.stock-back{width:var(--local-card-w,var(--card-w));height:var(--local-card-h,var(--card-h));border-radius:8px;flex:none}.mouse-side{--local-card-w:calc(var(--card-w)*var(--dev-size-mouseGoal));--local-card-h:calc(var(--card-h)*var(--dev-size-mouseGoal));transform:translate(var(--dev-left-mouseGoal),calc(var(--mouse-goal-align-y) - var(--dev-gap-mouseGoal)))}.cat-side{--local-card-w:calc(var(--card-w)*var(--dev-size-catGoal));--local-card-h:calc(var(--card-h)*var(--dev-size-catGoal));transform:translate(var(--dev-left-catGoal),calc(var(--cat-goal-align-y) - var(--dev-gap-catGoal)))}.slot{position:relative;background:#00000014;border:3px solid #d2dbe79e;transition:border-color .12s,background .12s}.slot.valid{border-color:var(--gold);background:#ffd35c29;box-shadow:0 0 0 3px #ffd35c40}.slot.selected-target{border-color:var(--accent)}.card{background:var(--card);color:var(--cardink);box-shadow:0 5px 12px var(--shadow);position:relative;display:flex;user-select:none;touch-action:none;cursor:pointer;border:1px solid #c9c9c9;justify-content:center;align-items: center;font-family:Georgia,serif;font-weight:700}.card.red{color:#b51f26}.card.black{color:#111}.card .corner{position:absolute;font-size:clamp(17px,calc(var(--card-w)*.25),29px);text-align:center;line-height:.85;top:3%;left:6%}.card .corner.bottom{inset:auto 6% 3% auto;transform:rotate(180deg)}.card .pip{font-size:clamp(30px,calc(var(--card-w)*.58),62px)}.card.wild-played:after{content:"WILD";position:absolute;font:900 clamp(8px,calc(var(--card-w)*.1),12px)/1 sans-serif;color:#5b3b00;background:#ffe27c;border-radius:3px;padding:2px 4px;bottom:5%;left:50%;transform:translate(-50%)}.slot>.card{position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);inset:-3px}.stock-back,.back-card{box-shadow:0 5px 12px var(--shadow);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:3px solid #e8ddcd;border-radius:8px}.stock-wrap{text-align:center}.stock-back{position:relative}.stock-depth{bottom:3px;right:4px}.goal-slot{position:relative}.goal-slot .behind{position:absolute;z-index:0;inset:4px -4px -4px 4px}.goal-slot>.card{z-index:1}.back-card{width:100%;height:100%}.pile-depth{position:absolute;color:#fff;z-index:2;background:#061126;border-radius:5px;padding:2px 5px;font:700 12px sans-serif;bottom:3px;right:4px}.topbar{position:absolute;z-index:20;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;align-items: center;gap:7px}.topbar .mouse-hand{margin-right:5px}.dev-launch{position:absolute;z-index:21;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));color:var(--gold)!important}.tool-btn{background:#112542;border-color:#aebbd0;min-width:54px;min-height:48px;padding:7px 12px;font-size:18px}.gear{width:54px;height:48px;padding:7px 12px;font-size:26px;line-height:1}.gear-icon{display:block;pointer-events:none;width:24px;height:24px;margin:auto}.dev-gear-icon path{fill:#ffd35c}.settings-gear-icon path{fill:#f7fbff}.status{position:absolute;z-index:18;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-align:center;pointer-events:none;background:#020919d9;border:2px solid #657895;border-radius:9px;padding:8px 7px;font-size:clamp(13px,1.55cqw,18px);font-weight:900;line-height:1;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.status.cat-turn{top:auto;bottom:calc(100% + 6px);right:auto;left:var(--cat-turn-left,50%);writing-mode:horizontal-tb;color:#ffe59a;border-color:#e8bd47;padding:6px 9px;transform:translate(-50%)}#catWaste,#mouseWaste{position:relative}.status.mouse-turn{writing-mode:horizontal-tb;color:#c6f2ff;border-color:#79cce4;padding:6px 9px;inset:calc(100% + 6px) auto auto 50%;transform:translate(-50%)}.hint-note{position:absolute;z-index:18;left:50%;bottom:max(8px,env(safe-area-inset-bottom));border:2px solid var(--gold);text-align:center;pointer-events:none;background:#08162eee;border-radius:8px;max-width:86%;padding:8px 12px;font-size:16px;font-weight:800;transform:translate(-50%)}.selected{outline:5px solid var(--gold);outline-offset:2px}.drag-ghost{opacity:.94;position:fixed!important;z-index:1000!important;pointer-events:none!important;transform:none!important}.peeked>.card:last-of-type{opacity:.12}.under-card{position:absolute!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;inset:-3px!important}.modal{z-index:200;display:grid;touch-action:pan-y;background:#010611e3;place-items: center;padding:18px}.panel{overflow-y:auto;overscroll-behavior:contain;color:#f8fbff;background:#0d1d38;border:2px solid #7f91aa;border-radius:16px;width:min(760px,100%);max-height:calc(100dvh - 36px);padding:clamp(18px,4cqw,34px);box-shadow:0 18px 50px #000}#developer,#developer .panel{touch-action:none}.panel h2{margin:0 0 18px;font-size:clamp(30px,5cqw,46px)}.panel h3{color:#ffe48c;margin:26px 0 10px;font-size:24px}.panel p,.panel li{font-size:clamp(18px,2.4cqw,23px);line-height:1.45}.panel li{margin:.55em 0}.back-btn{min-height:56px;margin-top:18px;padding:10px 24px;font-size:20px}.settings-row{display:flex;border-top:1px solid #52627a;justify-content:space-between;align-items: center;gap:16px;padding:18px 0;font-size:21px;font-weight:900}.size-controls,.back-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.setting-btn{min-width:54px;min-height:50px;font-size:20px}.dev-row{align-items: flex-start}.dev-controls{display:grid;gap:12px;min-width:min(390px,100%)}.dev-control{display:grid;grid-template-columns:92px minmax(170px,1fr);align-items: center;gap:12px}.dev-stepper{display:grid;grid-template-columns:54px minmax(52px,1fr)54px;align-items: center;gap:8px}.dev-step{padding:0;font-size:26px;line-height:1}.dev-step:disabled{cursor:not-allowed;opacity:.38;transform:none;box-shadow:0 6px #07101f}.dev-mini{color:var(--muted);font-size:17px}.dev-value{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.dev-note{color:var(--muted);margin:0 0 18px;font-size:18px;line-height:1.35}.back-choice{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:3px solid #0000;border-radius:8px;width:60px;height:82px}.back-choice.active{border-color:var(--gold)}.howto ol{padding-left:1.25em}.end-card{text-align:center}.end-card img{display:block;max-width:min(480px,90%);max-height:38vh;margin:0 auto 16px}.end-card .big-btn{width:min(310px,90%);margin:8px}.toast{position:absolute;z-index:300;pointer-events:none;background:#370d15;border:2px solid #ff8b8f;border-radius:9px;padding:10px 16px;font-size:18px;font-weight:900;top:18%;left:50%;transform:translate(-50%)}@container (width<=700px){#app{--card-w:clamp(51px,15cqw,72px);--lower-rows-shift:24px;min-height:560px}.game{display:flex;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:4px;padding-top:60px}.side{position:absolute;width:var(--card-w);z-index:3;left:8px}.mouse-side{top:66px}.cat-side{bottom:max(8px,env(safe-area-inset-bottom))}.name{margin-bottom:2px;font-size:14px}.count{margin-top:3px;font-size:15px}.board{display:flex;padding-top:max(0px,calc(15.9744% - 1.5974px - var(--card-h)/2));flex-direction:column;flex:1;justify-content:space-between;width:100%}.row,.center-row{display:grid;grid-template-columns:var(--card-w)1fr;gap:8px}.mouse-hand-row{flex-basis:calc(var(--card-h)*.5)}.hand-row{flex-basis:var(--card-h)}.pile-row{justify-content:flex-end;gap:clamp(5px,2.1cqw,10px)}.mouse-hand-row,.mouse-row,.center-row,.player-row,.hand-row{padding-left:calc(var(--card-w) + 7px)}.mouse-row .pile-row,.player-row .pile-row{justify-content:space-between}.center-row{grid-template-columns:var(--card-w)1fr;padding-left:0}.hand{height:var(--card-h);justify-content:center;padding:0}.hand .card{margin-left:calc(var(--card-w)*-.25)}.stock-label{margin-top:3px;font-size:13px}.topbar .tool-btn{min-width:47px;min-height:44px;padding:5px 8px;font-size:16px}.gear{width:47px;min-width:47px;height:44px;min-height:44px;padding:5px 8px;font-size:23px}.status{padding:6px 5px;font-size:13px;top:50%;right:calc(100% + 5px);transform:translateY(-50%)}.card .corner{font-size:clamp(15px,4cqw,20px)}.card .pip{font-size:clamp(27px,8cqw,40px)}.slot{border-width:2px}.panel{padding:20px 17px}.difficulty{grid-template-columns:1fr;width:min(320px,90%)}.big-btn{min-height:58px}.logo{margin-bottom:18px}.menu{padding:18px}.hint-note{font-size:14px}.settings-row{flex-direction:column;align-items: flex-start}.size-controls,.back-options{justify-content:flex-start}}@media (max-height:650px) and (orientation:landscape){:root{--card-w:clamp(52px,7cqw,76px)}.game{padding-top:58px}.status{font-size:15px}.tool-btn{min-height:42px}.name,.count{font-size:16px}.board{gap:4px}.row{gap:8px}.hand{height:var(--card-h)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.loading-screen{display:grid;color:#f7fbff;background:#071226;place-items: center;height:100dvh;font:900 24px/1.3 Trebuchet MS,Verdana,sans-serif}.save-row{display:flex;flex-wrap:wrap;gap:12px}.save-btn{background:#775600;border-color:#ffd35c;min-width:150px}.save-status{color:#b7c5d8;min-height:24px;margin:10px 0 0;font-size:18px}.save-status.error{color:#ff9b9e}.menu,.menu h2,.big-btn,.tool-btn,.back-btn,.setting-btn{color:#f7fbff!important}.back-options{align-items: flex-start;max-width:430px}.back-option{display:flex;color:#d9e4f2;text-align:center;flex-direction:column;align-items: center;gap:6px;width:72px;font:800 10px/1.15 Trebuchet MS,Verdana,sans-serif}.back-option .back-choice{display:block}.theme-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.theme-choice{color:#f7fbff;cursor:pointer;background:#182b4a;border:2px solid #aebbd0;border-radius:10px;min-height:50px;padding:8px 14px;font-size:18px;font-weight:900;box-shadow:0 5px #07101f}.theme-choice:active{transform:translateY(2px);box-shadow:0 3px #07101f}.theme-choice.active{border-color:var(--gold);color:#fff3bc;background:#493b12}.card.skip-bo-card{overflow:hidden;color:#fff;text-shadow:0 2px 1px #00000061;border:3px solid #fff;border-radius:9px;font-family:Trebuchet MS,Verdana,sans-serif}.card.skip-bo-blue{background:radial-gradient(circle at 48%,#66c9ed 0 38%,#1185c4 39% 68%,#075b9c 100%)}.card.skip-bo-green{background:radial-gradient(circle at 48%,#8bd37e 0 38%,#2b9f51 39% 68%,#116b39 100%)}.card.skip-bo-red{background:radial-gradient(circle at 48%,#ef7470 0 38%,#cf3034 39% 68%,#8f1823 100%)}.card.skip-bo-card:not(.skip-bo-wild):before{content:"";position:absolute;border:clamp(2px,calc(var(--local-card-w,var(--card-w))*.04),4px)solid #ffffffc2;border-radius:50%;inset:8% 10%;transform:rotate(-18deg)}.skip-number{position:relative;z-index:1;font-size:clamp(31px,calc(var(--local-card-w,var(--card-w))*.62),64px);letter-spacing:-.08em;font-weight:1000;line-height:1}.skip-corner{position:absolute;z-index:2;font-size:clamp(17px,calc(var(--local-card-w,var(--card-w))*.27),29px);font-weight:1000;line-height:1;top:3%;left:6%}.skip-corner.bottom{inset:auto 6% 3% auto;transform:rotate(180deg)}.card.skip-bo-wild{color:#0000;text-shadow:none;background-color:#f58219;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.card.skip-bo-wild.wild-played:after{display:none}@container (width<=700px){.theme-options{justify-content:flex-start}.theme-choice{font-size:17px}.back-options{max-width:100%}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}
