@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--neon:#00f0ff;--neon-alt:#ff2d9b}}}@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;--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;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{.grid{display:grid}.hidden{display:none}.resize{resize:both}}@property --neon{syntax:"<color>";inherits:true;initial-value:#00f0ff}@property --neon-alt{syntax:"<color>";inherits:true;initial-value:#ff2d9b}:root{color-scheme:dark;--void:#03040e;--void-deep:#010109;--panel:#0a0b22;--panel-2:#0f1232;--circuit:#2a2f6e;--circuit-soft:var(--circuit)}@supports (color:color-mix(in lab,red,red)){:root{--circuit-soft:color-mix(in oklab, var(--circuit) 55%, transparent)}}:root{--phosphor:#d8fbff;--phosphor-dim:#79a6c4;--neon-cyan:#00f0ff;--neon-magenta:#ff2d9b;--neon-lime:#b6ff2e;--neon-amber:#ffb347;--neon-violet:#b46bff;--blood:#ff1f4f;--neon:#00f0ff;--neon-alt:#ff2d9b;--font-mono:"Cascadia Code", "JetBrains Mono", "Fira Code", ui-monospace, "SFMono-Regular", monospace;--n1:#4fd4ff;--n2:#5dff9e;--n3:#ff5b8f;--n4:#c08bff;--n5:#ffc04d;--n6:#44f0e6;--n7:#f0f6ff;--n8:#9aa6e6}body[data-mind=idle]{--neon:#00f0ff;--neon-alt:#b46bff}body[data-mind=playing]{--neon:#b6ff2e;--neon-alt:#00f0ff}body[data-mind=won]{--neon:#5dff9e;--neon-alt:#00f0ff}body[data-mind=lost]{--neon:#ff1f4f;--neon-alt:#ff2d9b}*{box-sizing:border-box}body{min-block-size:100dvh;color:var(--phosphor);font-family:var(--font-mono);background:radial-gradient(120% 80% at 50% -10%,var(--neon),transparent 60%),radial-gradient(90% 60% at 50% 110%,var(--neon-alt),transparent 62%),var(--void);place-items:center;margin:0;padding:clamp(.75rem,3vw,1.75rem);display:grid}@supports (color:color-mix(in lab,red,red)){body{background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--neon) 18%,transparent),transparent 60%),radial-gradient(90% 60% at 50% 110%,color-mix(in oklab,var(--neon-alt) 16%,transparent),transparent 62%),var(--void)}}body{transition:--neon .7s,--neon-alt .7s}body:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(transparent 0 49%,var(--neon) 49% 51%,transparent 51%) 0 0 / 100% 3.2rem,linear-gradient(90deg,transparent 0 49%,var(--neon-alt) 49% 51%,transparent 51%) 0 0 / 3.2rem 100%;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){body:before{background:linear-gradient(transparent 0 49%,color-mix(in oklab,var(--neon) 30%,transparent) 49% 51%,transparent 51%) 0 0 / 100% 3.2rem,linear-gradient(90deg,transparent 0 49%,color-mix(in oklab,var(--neon-alt) 22%,transparent) 49% 51%,transparent 51%) 0 0 / 3.2rem 100%}}body:before{opacity:.5;animation:9s linear infinite floor-scroll;-webkit-mask:radial-gradient(120% 70% at 50% 100%,#000 0%,#0000 70%);mask:radial-gradient(120% 70% at 50% 100%,#000 0%,#0000 70%)}body:after{content:"";pointer-events:none;z-index:60;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000052 0 1px,#0000 1px 3px),radial-gradient(130% 130%,#0000 58%,#0009);animation:4.2s step-end infinite crt-flicker,8s linear infinite scanline-drift;position:fixed;inset:0}@keyframes floor-scroll{to{background-position:0 3.2rem,3.2rem 0}}@keyframes scanline-drift{to{background-position:0 0,0 6px,0 0}}@keyframes crt-flicker{0%,96%,to{opacity:.85}97%{opacity:.72}98%{opacity:.95}99%{opacity:.78}}.game{z-index:1;border:1px solid var(--neon);gap:1rem;inline-size:min(96vw,760px);padding:clamp(.9rem,2.5vw,1.5rem);display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.game{border:1px solid color-mix(in oklab,var(--neon) 38%,var(--circuit))}}.game{background:linear-gradient(160deg,var(--neon),transparent 45%),var(--panel);border-radius:1.1rem}@supports (color:color-mix(in lab,red,red)){.game{background:linear-gradient(160deg,color-mix(in oklab,var(--neon) 7%,transparent),transparent 45%),color-mix(in oklab,var(--panel) 90%,var(--void) 10%)}}.game{box-shadow:0 0 0 1px var(--neon) inset,0 0 60px var(--neon),0 24px 70px #0009}@supports (color:color-mix(in lab,red,red)){.game{box-shadow:0 0 0 1px color-mix(in oklab,var(--neon) 18%,transparent) inset,0 0 60px color-mix(in oklab,var(--neon) 18%,transparent),0 24px 70px #0009}}.game:before{content:"DETONATE.SYS // NEON MINEFIELD";letter-spacing:.42em;text-transform:uppercase;color:var(--neon);background:var(--void);border:1px solid var(--neon);padding:0 .55rem;font-size:.62rem;position:absolute;inset-block-start:-.72rem;inset-inline-start:1.2rem}@supports (color:color-mix(in lab,red,red)){.game:before{border:1px solid color-mix(in oklab,var(--neon) 45%,var(--circuit))}}.game:before{text-shadow:.04em 0 var(--neon-magenta),-.04em 0 var(--neon-cyan),0 0 12px var(--neon);border-radius:.4rem}@supports (color:color-mix(in lab,red,red)){.game:before{text-shadow:.04em 0 color-mix(in oklab,var(--neon-magenta) 80%,transparent),-.04em 0 color-mix(in oklab,var(--neon-cyan) 80%,transparent),0 0 12px color-mix(in oklab,var(--neon) 70%,transparent)}}.game:before{animation:5s steps(2,end) infinite glitch-shift}@keyframes glitch-shift{0%,92%,to{transform:translate(0)}93%{transform:translate(-1px)skew(-4deg)}94%{transform:translate(2px)}95%{transform:translate(-1px)skew(3deg)}}.hud{gap:.7rem;display:grid}.hud__row{border:1px solid var(--circuit);background:linear-gradient(var(--neon),transparent),var(--void-deep);border-radius:.7rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.hud__row{background:linear-gradient(color-mix(in oklab,var(--neon) 9%,transparent),transparent),var(--void-deep)}}.hud__row{box-shadow:inset 0 0 22px var(--neon)}@supports (color:color-mix(in lab,red,red)){.hud__row{box-shadow:inset 0 0 22px color-mix(in oklab,var(--neon) 9%,transparent)}}.counter{letter-spacing:.1em;align-items:center;gap:.5rem;margin:0;font-size:1.7rem;display:flex}.counter .counter__icon{color:var(--neon);filter:drop-shadow(0 0 8px var(--neon));font-size:1rem}@supports (color:color-mix(in lab,red,red)){.counter .counter__icon{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--neon) 80%,transparent))}}.counter strong{color:var(--blood);font-variant-numeric:tabular-nums;text-shadow:0 0 6px var(--blood),0 0 16px var(--blood);font-weight:700}@supports (color:color-mix(in lab,red,red)){.counter strong{text-shadow:0 0 6px color-mix(in oklab,var(--blood) 80%,transparent),0 0 16px color-mix(in oklab,var(--blood) 55%,transparent)}}.hud__row .counter:last-child strong{color:var(--neon);text-shadow:0 0 6px var(--neon),0 0 16px var(--neon)}@supports (color:color-mix(in lab,red,red)){.hud__row .counter:last-child strong{text-shadow:0 0 6px color-mix(in oklab,var(--neon) 85%,transparent),0 0 16px color-mix(in oklab,var(--neon) 55%,transparent)}}.reset{font:inherit;cursor:pointer;border:1px solid var(--neon);border-radius:.6rem;place-items:center;block-size:2.7rem;inline-size:2.7rem;font-size:1.4rem;line-height:1;display:grid}@supports (color:color-mix(in lab,red,red)){.reset{border:1px solid color-mix(in oklab,var(--neon) 60%,var(--circuit))}}.reset{background:radial-gradient(circle at 50% 30%,var(--neon),var(--panel-2))}@supports (color:color-mix(in lab,red,red)){.reset{background:radial-gradient(circle at 50% 30%,color-mix(in oklab,var(--neon) 22%,var(--panel-2)),var(--panel-2))}}.reset{color:var(--phosphor);text-shadow:0 0 10px var(--neon)}@supports (color:color-mix(in lab,red,red)){.reset{text-shadow:0 0 10px color-mix(in oklab,var(--neon) 70%,transparent)}}.reset{box-shadow:0 0 16px var(--neon)}@supports (color:color-mix(in lab,red,red)){.reset{box-shadow:0 0 16px color-mix(in oklab,var(--neon) 30%,transparent)}}.reset{transition:background .15s,rotate .35s,box-shadow .2s}.reset:hover{background:radial-gradient(circle at 50% 30%,var(--neon),var(--panel-2))}@supports (color:color-mix(in lab,red,red)){.reset:hover{background:radial-gradient(circle at 50% 30%,color-mix(in oklab,var(--neon) 40%,var(--panel-2)),var(--panel-2))}}.reset:hover{box-shadow:0 0 26px var(--neon)}@supports (color:color-mix(in lab,red,red)){.reset:hover{box-shadow:0 0 26px color-mix(in oklab,var(--neon) 55%,transparent)}}.reset:hover{rotate:-40deg}.reset:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.hud__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.difficulty{border:1px solid var(--circuit);background:var(--void-deep);border-radius:.6rem;gap:.3rem;padding:.28rem;display:inline-flex}.difficulty__btn{font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--phosphor-dim);background:0 0;border:1px solid #0000;border-radius:.4rem;padding:.42rem .75rem;font-size:.72rem;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.difficulty__btn:hover{color:var(--phosphor);border-color:var(--neon)}@supports (color:color-mix(in lab,red,red)){.difficulty__btn:hover{border-color:color-mix(in oklab,var(--neon) 40%,transparent)}}.difficulty__btn:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.difficulty__btn[data-active=true]{color:var(--void);background:var(--neon);border-color:var(--neon);text-shadow:none;box-shadow:0 0 18px var(--neon)}@supports (color:color-mix(in lab,red,red)){.difficulty__btn[data-active=true]{box-shadow:0 0 18px color-mix(in oklab,var(--neon) 65%,transparent)}}.flag-toggle{font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid var(--circuit);background:var(--void-deep);color:var(--phosphor-dim);border-radius:.5rem;padding:.5rem .9rem;font-size:.72rem;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.flag-toggle span{color:var(--neon-magenta)}.flag-toggle:hover{color:var(--phosphor);border-color:var(--neon-magenta)}@supports (color:color-mix(in lab,red,red)){.flag-toggle:hover{border-color:color-mix(in oklab,var(--neon-magenta) 45%,transparent)}}.flag-toggle:focus-visible{outline:2px solid var(--neon-magenta);outline-offset:2px}.flag-toggle[data-active=true]{color:var(--void);background:var(--neon-magenta);border-color:var(--neon-magenta);box-shadow:0 0 18px var(--neon-magenta)}@supports (color:color-mix(in lab,red,red)){.flag-toggle[data-active=true]{box-shadow:0 0 18px color-mix(in oklab,var(--neon-magenta) 65%,transparent)}}.flag-toggle[data-active=true] span{color:var(--void)}.status{letter-spacing:.12em;text-transform:uppercase;color:var(--neon-lime);min-block-size:1rem;text-shadow:0 0 8px var(--neon-lime);margin:0;font-size:.7rem}@supports (color:color-mix(in lab,red,red)){.status{text-shadow:0 0 8px color-mix(in oklab,var(--neon-lime) 45%,transparent)}}.status:before{content:"> ";opacity:.7}.stage{place-items:center;display:grid;position:relative}.grid{grid-template-columns:repeat(var(--cols),1fr);inline-size:100%;max-inline-size:calc(var(--cols) * 2.4rem);border:1px solid var(--neon);gap:3px;padding:.65rem;display:grid}@supports (color:color-mix(in lab,red,red)){.grid{border:1px solid color-mix(in oklab,var(--neon) 30%,var(--circuit))}}.grid{background:linear-gradient(var(--neon),transparent 40%),var(--void-deep);border-radius:.8rem}@supports (color:color-mix(in lab,red,red)){.grid{background:linear-gradient(color-mix(in oklab,var(--neon) 10%,transparent),transparent 40%),var(--void-deep)}}.grid{box-shadow:inset 0 0 50px var(--neon),0 0 40px var(--neon)}@supports (color:color-mix(in lab,red,red)){.grid{box-shadow:inset 0 0 50px color-mix(in oklab,var(--neon) 14%,transparent),0 0 40px color-mix(in oklab,var(--neon) 16%,transparent)}}.grid[data-frozen=true]{cursor:default;pointer-events:none}.cell{font:inherit;aspect-ratio:1;cursor:pointer;border:1px solid var(--circuit);place-items:center;font-size:clamp(.6rem,2.4vw,1.05rem);font-weight:700;display:grid}@supports (color:color-mix(in lab,red,red)){.cell{border:1px solid color-mix(in oklab,var(--circuit) 80%,transparent)}}.cell{color:var(--phosphor);background:var(--panel-2);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:.2rem;transition:background .1s,transform 60ms,box-shadow .12s}.cell:focus-visible{outline:2px solid var(--neon);outline-offset:-2px;z-index:1}.cell[data-state=hidden]{background:linear-gradient(150deg,var(--neon),var(--panel-2))}@supports (color:color-mix(in lab,red,red)){.cell[data-state=hidden]{background:linear-gradient(150deg,color-mix(in oklab,var(--neon) 8%,var(--panel-2)),color-mix(in oklab,var(--panel-2) 75%,var(--void-deep)))}}.cell[data-state=hidden]{border-color:var(--neon)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=hidden]{border-color:color-mix(in oklab,var(--neon) 24%,var(--circuit))}}.cell[data-state=hidden]{box-shadow:inset 0 0 6px var(--neon)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=hidden]{box-shadow:inset 0 0 6px color-mix(in oklab,var(--neon) 12%,transparent)}}.cell[data-state=hidden]:hover{background:var(--neon)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=hidden]:hover{background:color-mix(in oklab,var(--neon) 22%,var(--panel-2))}}.cell[data-state=hidden]:hover{box-shadow:0 0 14px var(--neon)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=hidden]:hover{box-shadow:0 0 14px color-mix(in oklab,var(--neon) 50%,transparent)}}.cell[data-state=hidden]:hover{transform:translateY(-1px)}.cell[data-state=open]{background:var(--void-deep)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=open]{background:color-mix(in oklab,var(--void-deep) 88%,#000)}}.cell[data-state=open]{border-color:var(--circuit)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=open]{border-color:color-mix(in oklab,var(--circuit) 45%,transparent)}}.cell[data-state=open]{cursor:default}.cell[data-state=flagged]{color:var(--neon-magenta);background:var(--neon-magenta)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=flagged]{background:color-mix(in oklab,var(--neon-magenta) 12%,var(--panel-2))}}.cell[data-state=flagged]{border-color:var(--neon-magenta)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=flagged]{border-color:color-mix(in oklab,var(--neon-magenta) 45%,var(--circuit))}}.cell[data-state=flagged]{text-shadow:0 0 10px var(--neon-magenta)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=flagged]{text-shadow:0 0 10px color-mix(in oklab,var(--neon-magenta) 75%,transparent)}}.cell[data-state=mine]{color:#fff;background:radial-gradient(circle,var(--blood),var(--blood))}@supports (color:color-mix(in lab,red,red)){.cell[data-state=mine]{background:radial-gradient(circle,var(--blood),color-mix(in oklab,var(--blood) 35%,#000))}}.cell[data-state=mine]{border-color:var(--blood);text-shadow:0 0 12px var(--blood),0 0 22px var(--blood)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=mine]{text-shadow:0 0 12px var(--blood),0 0 22px color-mix(in oklab,var(--blood) 60%,transparent)}}.cell[data-state=mine]{animation:.42s cell-detonate}.cell[data-state=wrong]{color:var(--blood);background:var(--blood)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=wrong]{background:color-mix(in oklab,var(--blood) 20%,var(--panel-2))}}.cell[data-state=wrong]{border-color:var(--blood)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=wrong]{border-color:color-mix(in oklab,var(--blood) 60%,var(--circuit))}}.cell[data-state=wrong]{text-shadow:0 0 8px var(--blood)}@supports (color:color-mix(in lab,red,red)){.cell[data-state=wrong]{text-shadow:0 0 8px color-mix(in oklab,var(--blood) 60%,transparent)}}.cell[data-n="1"]{color:var(--n1)}.cell[data-n="2"]{color:var(--n2)}.cell[data-n="3"]{color:var(--n3)}.cell[data-n="4"]{color:var(--n4)}.cell[data-n="5"]{color:var(--n5)}.cell[data-n="6"]{color:var(--n6)}.cell[data-n="7"]{color:var(--n7)}.cell[data-n="8"]{color:var(--n8)}.cell[data-n]{text-shadow:0 0 10px}@keyframes cell-detonate{0%{filter:brightness(2.6);transform:scale(1.5)}to{filter:brightness();transform:scale(1)}}.particles{pointer-events:none;z-index:5;block-size:100%;inline-size:100%;position:absolute;inset:0}.result{background:linear-gradient(165deg,var(--neon),transparent 50%),var(--panel)}@supports (color:color-mix(in lab,red,red)){.result{background:linear-gradient(165deg,color-mix(in oklab,var(--neon) 9%,transparent),transparent 50%),var(--panel)}}.result{color:var(--phosphor);border:1px solid var(--neon)}@supports (color:color-mix(in lab,red,red)){.result{border:1px solid color-mix(in oklab,var(--neon) 55%,var(--circuit))}}.result{text-align:center;max-inline-size:min(92vw,26rem);box-shadow:0 0 0 1px var(--neon) inset,0 0 60px var(--neon),0 30px 80px #000000b3;border-radius:.9rem;padding:2.1rem 2.2rem}@supports (color:color-mix(in lab,red,red)){.result{box-shadow:0 0 0 1px color-mix(in oklab,var(--neon) 22%,transparent) inset,0 0 60px color-mix(in oklab,var(--neon) 38%,transparent),0 30px 80px #000000b3}}.result::backdrop{-webkit-backdrop-filter:blur(6px)saturate(1.2);backdrop-filter:blur(6px)saturate(1.2);background:#010208c7}.result[open]{opacity:1;transition:opacity .25s,translate .25s;translate:0}@starting-style{.result[open]{opacity:0;translate:0 14px}}.result h2{letter-spacing:.28em;text-transform:uppercase;color:var(--neon);text-shadow:.03em 0 var(--neon-magenta),-.03em 0 var(--neon-cyan),0 0 18px var(--neon);margin:0 0 1rem;font-size:1.15rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.result h2{text-shadow:.03em 0 color-mix(in oklab,var(--neon-magenta) 75%,transparent),-.03em 0 color-mix(in oklab,var(--neon-cyan) 75%,transparent),0 0 18px color-mix(in oklab,var(--neon) 70%,transparent)}}.result .result__message{color:var(--phosphor);margin:0 0 1rem;font-size:.82rem;line-height:1.65}.result .result__best{letter-spacing:.1em;text-transform:uppercase;color:var(--neon-lime);text-shadow:0 0 8px var(--neon-lime);margin:0;font-size:.72rem}@supports (color:color-mix(in lab,red,red)){.result .result__best{text-shadow:0 0 8px color-mix(in oklab,var(--neon-lime) 40%,transparent)}}.result button{font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid var(--neon);background:var(--neon);border-radius:.5rem;margin-block-start:1.4rem;padding:.65rem 1.6rem}@supports (color:color-mix(in lab,red,red)){.result button{background:color-mix(in oklab,var(--neon) 20%,var(--panel))}}.result button{color:var(--phosphor);text-shadow:0 0 8px var(--neon)}@supports (color:color-mix(in lab,red,red)){.result button{text-shadow:0 0 8px color-mix(in oklab,var(--neon) 60%,transparent)}}.result button{box-shadow:0 0 18px var(--neon)}@supports (color:color-mix(in lab,red,red)){.result button{box-shadow:0 0 18px color-mix(in oklab,var(--neon) 35%,transparent)}}.result button{transition:background .15s,box-shadow .2s}.result button:hover{background:var(--neon)}@supports (color:color-mix(in lab,red,red)){.result button:hover{background:color-mix(in oklab,var(--neon) 36%,var(--panel))}}.result button:hover{box-shadow:0 0 28px var(--neon)}@supports (color:color-mix(in lab,red,red)){.result button:hover{box-shadow:0 0 28px color-mix(in oklab,var(--neon) 60%,transparent)}}.result button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.result .result__hint{letter-spacing:.08em;text-transform:uppercase;color:var(--phosphor-dim);margin:1rem 0 0;font-size:.62rem}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}