/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.m-132{margin:calc(var(--spacing) * 132)}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--color-background:#0f1b2b;--color-surface:#1c2b3f;--color-primary:#ffb454;--color-secondary:#4ecdc4;--color-accent:#4ecdc4;--color-text:#f7f3e8;--color-muted-text:#9aafc4;--color-border:#33475e;--color-success:#3dd68c;--color-warning:#ffb454;--color-danger:#ff6b6b;--color-tile-0:#ffb454;--color-tile-1:#4ecdc4;--color-tile-2:#7c9bd4;--color-tile-3:#ff6b6b;--font-display:ui-rounded,"Hiragino Maru Gothic ProN",Quicksand,"Avenir Next Rounded","Segoe UI",sans-serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-tile:0 3px 0 #070e1961;--shadow-panel:0 14px 30px #040a1459;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}body,html{background:var(--color-background);color:var(--color-text)}body{min-height:100vh;font-family:var(--font-body);margin:0}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--color-secondary) 85%,white)}}:focus-visible{outline-offset:3px}#game-shell{background:radial-gradient(1200px 500px at 50% -10%,#4ecdc41f,transparent 60%),var(--color-background);justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;display:flex}.game-layout{flex-direction:column;gap:20px;width:100%;max-width:1060px;display:flex}.game-content{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;display:grid}.scoreboard{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.scoreboard:after{content:"";pointer-events:none;opacity:.08;background-image:var(--paper-grain);mix-blend-mode:overlay;position:absolute;inset:0}.scoreboard-title-block{align-items:baseline;gap:12px;min-width:200px;display:flex}.scoreboard-title{letter-spacing:.02em;color:var(--color-text);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}.scoreboard-round,.scoreboard-title{font-family:var(--font-display);margin:0}.scoreboard-round{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:1rem}.scoreboard-stats{gap:20px;margin-left:auto;display:flex}.scoreboard-stat{flex-direction:column;align-items:flex-end;min-width:72px;display:flex}.scoreboard-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-text);font-size:.7rem}.scoreboard-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-primary);font-size:1.6rem;line-height:1}.scoreboard-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text);cursor:pointer;background:#f4f3e808;border-radius:14px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:0 3px #070e1947}.icon-button:hover{background:#f4f3e814}.icon-button:active{transform:translateY(2px);box-shadow:0 1px #070e194d}.icon-button:disabled{opacity:.38;cursor:not-allowed}.icon-button svg{width:22px;height:22px}.board-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:22px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.board-panel:after{content:"";pointer-events:none;opacity:.08;background-image:var(--paper-grain);mix-blend-mode:overlay;position:absolute;inset:0}.board-target-hint{z-index:1;align-self:flex-start;align-items:center;gap:10px;width:100%;max-width:240px;display:flex;position:relative}.board-target-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-text);font-size:.72rem}.target-grid{grid-template-columns:repeat(4,18px);gap:3px;display:grid}.target-cell{border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #f7f3e824}.target-cell-0{background:var(--color-tile-0)}.target-cell-1{background:var(--color-tile-1)}.target-cell-2{background:var(--color-tile-2)}.target-cell-3{background:var(--color-tile-3)}.board-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vw,14px);width:100%;max-width:520px;margin:0 auto;display:grid;position:relative}.board-wrapper{width:100%}.board-shake{width:100%;animation:board-shake .18s ease-in-out}.tile{aspect-ratio:1;background:var(--tile-color,var(--color-tile-0));width:100%;color:var(--color-text);box-shadow:var(--shadow-tile);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s,outline-color .12s;display:flex;position:relative}.tile-0{--tile-color:var(--color-tile-0)}.tile-1{--tile-color:var(--color-tile-1)}.tile-2{--tile-color:var(--color-tile-2)}.tile-3{--tile-color:var(--color-tile-3)}.tile:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff59,#0000 52%);position:absolute;inset:0}.tile:hover{transform:translateY(-2px);box-shadow:0 5px #070e1952}.tile:active{transform:translateY(1px);box-shadow:0 1px #070e194d}.tile.is-selected{outline:3px solid var(--color-secondary);outline-offset:2px;transform:translateY(-2px)}.tile.is-affected{outline:2px dashed var(--color-warning);outline-offset:2px}.tile.is-locked{cursor:not-allowed}.tile.is-locked:hover{box-shadow:var(--shadow-tile);transform:none}.tile.is-locked:after{content:"";border-radius:inherit;pointer-events:none;background:#0f1b2b40;position:absolute;inset:0}.tile.is-target{animation:tile-settle .45s ease-out}.tile-face{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tile-target-dot{background:#f7f3e8d9;border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.tile-lock-icon{color:#f7f3e8f2;width:18px;height:18px}.rule-ribbon{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.rule-ribbon-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rule-ribbon-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.09em;color:var(--color-text);margin:0;font-size:1rem}.rule-ribbon-round{color:var(--color-muted-text);font-size:.75rem}.rule-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rule-item{border:1px solid var(--color-border);background:#f4f3e808;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:relative}.rule-item-edge{background:var(--rule-color,var(--color-secondary));border-radius:4px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.rule-info{--rule-color:var(--color-secondary)}.rule-warning{--rule-color:var(--color-warning)}.rule-danger{--rule-color:var(--color-danger)}.rule-item.is-newest{border-color:var(--rule-color);animation:rule-slide-in .35s ease-out}@supports (color:color-mix(in lab,red,red)){.rule-item.is-newest{border-color:color-mix(in srgb,var(--rule-color) 70%,var(--color-border))}}.rule-item-copy{flex-direction:column;gap:2px;padding-left:8px;display:flex}.rule-item-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:.9rem}.rule-item-description{font-size:.82rem;line-height:1.35}.rule-empty,.rule-item-description{color:var(--color-muted-text);margin:0}.rule-empty{font-size:.9rem}.instruction-strip{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding:16px 20px;display:flex}.instruction-text{max-width:60ch;color:var(--color-text);margin:0;font-size:.95rem;line-height:1.45}.instruction-status{color:var(--color-muted-text);margin:0;font-size:.85rem;font-weight:700}.instruction-status.is-won{color:var(--color-success)}.instruction-status.is-lost{color:var(--color-danger)}@media (max-width:760px){#game-shell{padding:16px 12px}.scoreboard{gap:12px;padding:14px}.scoreboard-title-block{flex:auto;min-width:0}.scoreboard-stats{order:3;justify-content:space-between;width:100%;margin-left:0}.scoreboard-actions{order:2}.game-content{grid-template-columns:1fr;gap:16px}.rule-ribbon{padding:14px;overflow:hidden}.rule-list{scroll-snap-type:x proximity;flex-direction:row;padding-bottom:4px;overflow-x:auto}.rule-item{scroll-snap-align:start;flex:0 0 210px;min-width:210px}.board-panel{padding:14px}.board-target-hint{max-width:none}.board-grid{gap:8px}.instruction-strip{flex-direction:column;align-items:flex-start;gap:8px}}@keyframes tile-settle{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes board-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes rule-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}