/*! 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,::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]){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 components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.shrink{flex-shrink:1}}:root{--ink:#f4f7ff;--muted:#7d8aa5;--line:#ffffff17;--green:#72f1b8}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#05070d}body{color:var(--ink);font-family:var(--font-geist-sans), system-ui, sans-serif;background:#05070d;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 50% 25%,#2a48742e,#0000 30%),linear-gradient(135deg,#72f1b806 25%,#0000 25%) 0 0/34px 34px,#05070d;min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#05070de6;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,3vw,52px);display:flex;position:relative}.brand{color:#eef3ff;letter-spacing:.12em;align-items:center;gap:13px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.brand b{color:var(--green);font-weight:800}.brand-mark{grid-template-columns:repeat(3,1fr);align-items:end;gap:2px;width:28px;height:28px;display:grid;transform:skew(-8deg)}.brand-mark i{background:var(--green);border-radius:1px;display:block;box-shadow:0 0 10px #72f1b88c}.brand-mark i:first-child{opacity:.55;height:13px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){opacity:.75;height:17px}.top-actions{align-items:center;gap:9px;display:flex}.icon-button,.pause-button{border:1px solid var(--line);cursor:pointer;height:34px;font-family:var(--font-geist-mono);color:#aab5ca;background:#ffffff09;border-radius:7px}.icon-button{width:44px;font-size:12px}.pause-button{letter-spacing:.15em;padding:0 18px;font-size:10px;font-weight:700}.icon-button:hover,.pause-button:hover:not(:disabled){color:#fff;background:#72f1b814;border-color:#72f1b873}.pause-button:disabled{opacity:.35;cursor:default}.game-layout{grid-template-columns:205px minmax(420px,780px) 230px;justify-content:center;align-items:start;gap:clamp(18px,2.3vw,38px);width:min(1450px,100% - 40px);margin:0 auto;padding:26px 0 22px;display:grid}.stats-panel,.guide-panel{min-width:0;padding-top:8px}.stat-block span,.stat-row span,.panel-label,.effect-list>span,.controls-card>span{font:650 9px/1 var(--font-geist-mono);letter-spacing:.22em;color:#65718a;margin-bottom:10px;display:block}.score-block{border-bottom:1px solid var(--line);padding:11px 0 23px}.score-block strong{font:500 clamp(27px, 2.2vw, 36px)/1 var(--font-geist-mono);letter-spacing:-.04em;color:#fff;display:block}.stat-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding:21px 0;display:grid}.stat-row strong{font:600 13px/1 var(--font-geist-mono);color:#cbd5e8}.lives{letter-spacing:3px;white-space:nowrap;color:#ff668d!important;font-size:10px!important}.lives i{color:#30384a;font-style:normal}.level-card{align-items:center;gap:13px;padding:22px 0 15px;display:flex}.level-number{font:300 39px/1 var(--font-geist-mono);color:var(--green);text-shadow:0 0 20px #72f1b861}.level-card div{min-width:0}.level-card small{color:#58647b;font:600 8px/1 var(--font-geist-mono);letter-spacing:.16em;margin-bottom:7px;display:block}.level-card strong{color:#d8dfef;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.level-card em{color:#647188;font-size:10px;font-style:normal}.level-track{gap:5px;height:3px;margin-bottom:30px;display:flex}.level-track i{background:#202637;border-radius:5px;flex:1}.level-track i.done{background:#465267}.level-track i.current{background:var(--green);box-shadow:0 0 9px #72f1b899}.effect-list{min-height:85px}.effect-list p{color:#505b70;margin:0;font-size:11px}.effect-list div{color:#9ba7bc;grid-template-columns:6px 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:10px;display:grid}.effect-list div i{background:var(--effect);width:5px;height:5px;box-shadow:0 0 8px var(--effect);border-radius:50%}.effect-list div b{font:500 9px var(--font-geist-mono);color:#66738c}.canvas-frame{background:#ffffff05;border:1px solid #ffffff1a;border-radius:15px;width:100%;padding:5px;position:relative;box-shadow:0 26px 80px #00000080,0 0 0 1px #72f1b806}.canvas-frame:before,.canvas-frame:after{content:"";z-index:2;pointer-events:none;width:21px;height:21px;position:absolute}.canvas-frame:before{border-top:2px solid #72f1b880;border-left:2px solid #72f1b880;border-radius:12px 0 0;top:-3px;left:-3px}.canvas-frame:after{border-bottom:2px solid #72f1b880;border-right:2px solid #72f1b880;border-radius:0 0 12px;bottom:-3px;right:-3px}canvas{aspect-ratio:780/700;touch-action:none;cursor:none;border-radius:10px;width:100%;height:auto;display:block}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle,#111b2ea6,#04060ce0);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:6px;overflow:hidden}.overlay-lines{opacity:.13;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff24 6px);position:absolute;inset:0}.game-overlay p{font:700 9px var(--font-geist-mono);letter-spacing:.32em;color:var(--green);margin:0 0 13px;position:relative}.game-overlay h1{letter-spacing:-.055em;text-shadow:0 0 42px #72f1b81f;max-width:630px;margin:0;font-size:clamp(32px,5vw,64px);line-height:.95;position:relative}.game-overlay>span{color:#8d9ab1;margin:18px 0 27px;font-size:13px;position:relative}.game-overlay button{border:1px solid var(--green);color:#06120e;background:var(--green);min-width:170px;height:48px;font:750 11px var(--font-geist-mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:0 24px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 0 24px #72f1b838}.game-overlay button:hover{transform:translateY(-2px);box-shadow:0 0 34px #72f1b86b}.game-overlay button i{margin-right:9px;font-size:9px;font-style:normal}.game-overlay small{color:#4c586d;font:600 8px var(--font-geist-mono);letter-spacing:.16em;margin-top:15px;position:relative}.mobile-hint{text-align:center;color:#69768c;font:550 10px var(--font-geist-mono);letter-spacing:.08em;padding:12px;display:none}.mobile-hint span{color:var(--green);margin-right:6px}.guide-section{border-bottom:1px solid var(--line);margin-bottom:19px;padding:12px 0 21px}.drop-grid{gap:10px;display:grid}.drop-grid>div{align-items:center;gap:10px;display:flex}.drop-grid i{--drop:#fff;border:1px solid var(--drop);width:25px;height:25px;color:var(--drop);font:750 10px var(--font-geist-mono);box-shadow:inset 0 0 9px var(--drop);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}@supports (color:color-mix(in lab, red, red)){.drop-grid i{box-shadow:inset 0 0 9px color-mix(in srgb, var(--drop) 20%, transparent)}}.drop-grid span{color:#aab5c9;font-size:10px;line-height:1.1}.drop-grid small{color:#3f9c78;font:650 7px var(--font-geist-mono);letter-spacing:.13em;margin-top:2px;display:block}.drop-grid .danger small{color:#c85c66}.brick-guide>div{grid-template-columns:35px 1fr auto;align-items:center;gap:9px;margin:10px 0;display:grid}.brick-guide span{color:#99a5b9;font-size:10px}.brick-guide small{color:#566177;font-size:8px}.brick{width:29px;height:12px;font:700 8px var(--font-geist-mono);border-radius:2px;place-items:center;font-style:normal;display:grid}.brick.normal{background:linear-gradient(#72f1b8,#183c38);border:1px solid #72f1b8}.brick.bomb{background:linear-gradient(#ff5fa2,#3c1832);border:1px solid #ff5fa2}.brick.phase{opacity:.7;background:linear-gradient(#9a7cff,#261e4c);border:1px dashed #9a7cff}.brick.steel{background:linear-gradient(#8793a6,#30394a);border:1px solid #a3adbc}.controls-card{border:1px solid var(--line);background:#ffffff05;border-radius:9px;padding:15px}.controls-card>div{align-items:center;gap:5px;display:flex}.controls-card small{color:#59657c;margin-left:4px;font-size:9px}.controls-card p{color:#657187;margin:11px 0 0;font-size:9px}kbd{color:#aeb9cc;min-width:23px;height:22px;font:600 10px var(--font-geist-mono);background:#111624;border:1px solid #30394c;border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 5px;display:inline-grid}footer{border-top:1px solid var(--line);color:#455066;min-height:52px;font:600 8px var(--font-geist-mono);letter-spacing:.18em;align-items:center;gap:12px;padding:0 clamp(20px,3vw,52px);display:flex}footer i{background:#334057;border-radius:50%;width:3px;height:3px}footer b{color:#3b465a;margin-left:auto;font-weight:600}.footer-link-bank{min-height:0;overflow:hidden}@media (width<=1080px){.game-layout{grid-template-columns:160px minmax(400px,720px)}.guide-panel{display:none}}@media (width<=760px){.topbar{height:60px}.brand{letter-spacing:.09em;font-size:10px}.brand-mark{width:22px;height:22px}.pause-button{padding:0 10px}.icon-button{width:37px}.game-layout{flex-direction:column;gap:0;width:100%;padding:0;display:flex}.game-column{order:1;width:100%}.canvas-frame{border:0;border-radius:0;padding:0}.canvas-frame:before,.canvas-frame:after{display:none}canvas{border-radius:0}.stats-panel{order:2;grid-template-columns:1.3fr 1fr;gap:0 20px;width:100%;padding:18px;display:grid}.score-block,.stat-row{padding:0 0 15px}.level-card{padding:16px 0 8px}.level-track{align-self:center;margin:0}.effect-list{display:none}.guide-panel{order:3;width:100%;padding:5px 18px 25px;display:block}.guide-section:nth-child(2),.controls-card{display:none}.drop-grid{grid-template-columns:1fr 1fr}.guide-section{border:0}.mobile-hint{display:block}footer{display:none}.game-overlay h1{font-size:38px}.game-overlay>span{margin:13px 24px 19px}.game-overlay button{height:44px}}@media (width<=390px){.brand span:last-child{white-space:nowrap;max-width:150px;overflow:hidden}.game-overlay h1{font-size:32px}.stats-panel{grid-template-columns:1fr}.stat-row{margin-top:12px}.level-card,.level-track{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
