/*! 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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#18201b;--paper:#f4f5ed;--line:#d9ddd2;--muted:#70786f;--acid:#c8ff36;--coral:#ff624b}*{box-sizing:border-box}html{background:var(--paper);width:100%;min-width:0;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% -8%, #c8ff362e, transparent 29rem), var(--paper);width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,sans-serif;overflow:hidden}button{color:inherit;font:inherit;touch-action:manipulation}.app-shell{width:100%;height:100dvh;overflow:hidden}.workspace{grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1.2vh,12px);width:min(900px,100%);height:100dvh;min-height:0;margin:0 auto;padding:clamp(8px,1.6vh,16px) clamp(12px,3vw,34px);display:grid;overflow:hidden}.level-panel{width:100%;min-height:0}.level-panel nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.level-button{border:1px solid var(--line);text-align:center;letter-spacing:.025em;cursor:pointer;background:#ffffff7a;border-radius:12px;min-width:0;min-height:clamp(34px,5.4vh,46px);padding:7px 6px;font-size:13px;font-weight:800;transition:transform .16s,background .16s,border-color .16s}.level-button:hover{background:#fff;transform:translateY(-2px)}.level-button.active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 8px 24px #18201b26}.game-stage{grid-template-rows:auto auto minmax(0,1fr);align-items:start;min-width:0;min-height:0;display:grid}.current-level{text-align:center;letter-spacing:-.035em;margin:0 0 clamp(3px,.7vh,7px);font-size:clamp(19px,2.5vw,26px);font-weight:900;line-height:1}.scorebar{justify-content:center;margin-bottom:clamp(6px,1.2vh,12px);display:flex}.stopwatch{background:linear-gradient(#202721 0%,#0d110e 100%);border:1px solid #343c36;border-radius:17px;min-width:320px;padding:clamp(8px,1.2vh,12px) 20px clamp(7px,1vh,10px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 25px #00000052,0 15px 30px #18201b2e}.stopwatch:before,.stopwatch:after{content:"";background:#4c554e;border-radius:50%;width:4px;height:4px;position:absolute;top:12px;box-shadow:0 0 0 1px #080b09}.stopwatch:before{left:12px}.stopwatch:after{right:12px}.time-block strong{color:#d5ff62;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.035em;text-shadow:0 0 7px #c8ff3699,0 0 20px #c8ff3640;font:650 clamp(35px,5.7vh,50px)/1 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;display:block}.best-block{white-space:nowrap;border-top:1px solid #ffffff1a;justify-content:center;align-items:baseline;gap:9px;margin-top:6px;padding-top:6px;display:flex}.best-block span{color:#8f9a91;letter-spacing:.06em;font-size:10px;font-weight:750}.best-block strong{color:#f1f5ee;font-variant-numeric:tabular-nums;letter-spacing:.04em;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.play-card{background:#fbfcf6ed;border:1px solid #dfe2d8;border-radius:20px;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 50px #262d2817}.instruction-row{border-bottom:1px solid var(--line);text-align:center;place-items:center;min-height:clamp(48px,7vh,66px);padding:9px 22px;display:grid;position:relative}.instruction-row h2{letter-spacing:-.025em;margin:0;font-size:clamp(17px,2.3vw,24px);transition:filter .3s,opacity .3s}.instruction-row .captcha-code{letter-spacing:.18em;font-variant-numeric:tabular-nums;font:850 clamp(23px,4vw,34px) ui-monospace,SFMono-Regular,Menlo,monospace}.instruction-row.is-countdown h2{filter:blur(9px);opacity:.35}.instruction-countdown{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.instruction-countdown strong{font:900 clamp(34px,6vh,55px)/1 ui-monospace,monospace;animation:.35s both count-in}.grid-wrap{background-color:#eef0e8;background-image:radial-gradient(#cfd4ca .75px,#0000 .75px);background-size:16px 16px;place-items:center;height:100%;min-height:0;padding:clamp(5px,1.4vh,15px);display:grid;position:relative}.game-grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:clamp(4px,1vh,9px);width:min(100%,clamp(70px,100dvh - 340px,500px));transition:filter .35s,opacity .35s,transform .35s;display:grid}.game-grid.is-blurred{filter:blur(10px);opacity:.42;pointer-events:none;transform:scale(.975)}.game-grid.is-blurred.is-monochrome{filter:blur(10px)grayscale()}.game-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fffffff2;border:1px solid #d8ddd2;border-radius:14px;place-items:center;transition:transform .1s,background .2s,border .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 14px #18201b0b}.game-tile:not(:disabled):hover{border-color:#adb5aa;transform:translateY(-2px)}.game-tile:not(:disabled):active{transform:scale(.96)}.game-tile.matched{background:#e5eadf;border-color:#d8dfd1}.game-tile.matched .tile-value,.game-tile.matched .object-emoji{font-size:27px;color:#9da79b!important}.game-tile.wrong{border-color:var(--coral);background:#ffd9d3;animation:.22s shake}.tile-value{letter-spacing:-.06em;font-size:clamp(31px,5vw,54px);font-weight:850}.object-emoji{filter:drop-shadow(0 7px 5px #18201b1a);font-size:clamp(40px,6vw,68px)}.light-grid .game-tile{background:#252a26;border-color:#303732;box-shadow:inset 0 0 0 1px #ffffff08,0 6px 15px #0000001f}.light-orb{aspect-ratio:1;background:#393f3a;border-radius:50%;width:48%;transition:all 80ms;box-shadow:inset 0 5px 11px #00000061}.light-grid .game-tile.red-lit .light-orb{background:#ff493f;box-shadow:0 0 11px #ff493f,0 0 35px #ff493fa6,inset 0 -5px 8px #7e00003d}.light-grid.is-green .light-orb{background:var(--acid);box-shadow:0 0 12px var(--acid), 0 0 42px #c8ff36bf, inset 0 -5px 8px #4e770040}.light-grid.is-green .game-tile{border-color:#6e8a22}.countdown-overlay,.result-overlay{z-index:3;text-align:center;place-content:center;place-items:center;display:grid;position:absolute;inset:0}.countdown-overlay{pointer-events:none}.countdown-overlay strong{letter-spacing:-.1em;font:900 clamp(82px,12vw,142px)/1 ui-monospace,monospace;animation:.35s both count-in}.result-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef0e8cc;overflow:hidden}.result-content{z-index:3;place-items:center;gap:18px;display:grid;position:relative}.record-message{align-items:center;gap:12px;display:flex}.record-message strong{letter-spacing:-.035em;font-size:clamp(25px,4vw,38px)}.party-popper{font-size:34px;animation:.7s cubic-bezier(.2,.8,.2,1) both popper;display:inline-block}.party-popper.right{animation-delay:80ms;transform:scaleX(-1)}.failed-message{color:#d83b2d;font-size:clamp(29px,4vw,42px)}.result-content button{background:var(--ink);color:#fff;letter-spacing:.04em;cursor:pointer;border:0;border-radius:12px;min-width:150px;min-height:48px;padding:11px 20px;font-size:14px;font-weight:850;box-shadow:0 9px 24px #18201b2e}.result-content button:hover{background:#2c362f;transform:translateY(-2px)}.confetti{z-index:2;pointer-events:none;position:absolute;inset:0}.confetti-piece{opacity:0;border-radius:2px;width:8px;height:14px;animation:1.55s cubic-bezier(.15,.75,.25,1) both confetti-burst;position:absolute;top:53%;left:50%}.confetti-piece:nth-child(3n){border-radius:50%;width:11px;height:7px}.confetti-piece:nth-child(4n){width:5px;height:17px}@keyframes count-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes shake{25%{transform:translate(-5px)}60%{transform:translate(4px)}}@keyframes popper{0%{opacity:0;transform:scale(.25)rotate(-25deg)}70%{opacity:1;transform:scale(1.2)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:1}58%{opacity:1;transform:translate(var(--tx), var(--ty)) rotate(var(--rot))}to{opacity:0;transform:translate(var(--tx), 250px) rotate(var(--rot-end))}}@media (max-width:680px){.workspace{padding:8px 8px 10px}.level-panel nav{gap:4px}.level-button{border-radius:9px;min-height:clamp(32px,5.2vh,40px);padding:5px 1px;font-size:clamp(9px,2.65vw,11px)}.current-level{font-size:19px}.stopwatch{border-radius:13px;min-width:min(310px,92vw);padding:8px 15px 7px}.time-block strong{font-size:clamp(33px,9.7vw,43px)}.best-block{margin-top:4px;padding-top:4px}.play-card{border-radius:14px}.instruction-row{min-height:clamp(44px,6.8vh,56px);padding:7px 12px}.instruction-row h2{font-size:17px}.instruction-row .captcha-code{font-size:clamp(21px,7vw,29px)}.game-grid{width:min(100%,clamp(70px,100dvh - 300px,500px))}.game-tile{border-radius:10px}.record-message{gap:7px}.party-popper{font-size:27px}}@media (max-height:560px) and (orientation:landscape){.workspace{grid-template-rows:auto minmax(0,1fr);gap:5px;padding:5px 8px}.level-panel nav{gap:4px}.level-button{border-radius:8px;min-height:30px;padding:3px 4px;font-size:10px}.game-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(175px,31%) minmax(0,1fr);column-gap:9px}.current-level{grid-area:1/1;margin:5px 0;font-size:17px}.scorebar{grid-area:2/1;align-self:start;margin:0}.stopwatch{border-radius:12px;width:100%;min-width:0;padding:8px 9px 7px}.time-block strong{letter-spacing:0;font-size:clamp(27px,4.6vw,38px)}.best-block{gap:5px;margin-top:5px;padding-top:5px}.best-block span{font-size:8px}.best-block strong{font-size:10px}.play-card{border-radius:12px;grid-area:1/2/3;height:100%}.instruction-row{min-height:39px;padding:4px 10px}.instruction-row h2{font-size:15px}.instruction-row .captcha-code{font-size:21px}.instruction-countdown strong{font-size:31px}.grid-wrap{padding:4px}.game-grid{gap:4px;width:min(100%,clamp(60px,100dvh - 92px,340px))}.tile-value{font-size:clamp(22px,5vh,39px)}.object-emoji{font-size:clamp(28px,7vh,48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
