/*! 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}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}.grow{flex-grow:1}}:root{--ink:#17203a;--muted:#66708b;--line:#dfe4f2;--paper:#f7f8fd;--panel:#fff;--blue:#4256e8;--blue-dark:#2f3fc0;--blue-soft:#eef0ff;--cyan:#46c9e8;--mint:#39c79b;--amber:#ffb84d;--coral:#ff786e;--shadow:0 18px 60px #2b36771f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 4%, #46c9e81c, transparent 26rem), radial-gradient(circle at 96% 12%, #4256e81a, transparent 28rem), var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #4256e859}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:84px;margin:0 auto;display:flex;position:relative}.brand-button{letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;font-size:18px;display:inline-flex}.brand-mark{width:36px;height:34px;display:inline-block;position:relative}.brand-mark span{background:var(--blue);display:block;position:absolute}.brand-mark span:first-child{border-radius:50%;width:15px;height:15px;top:0;left:0}.brand-mark span:nth-child(2){border-radius:4px;width:16px;height:13px;top:10px;right:0}.brand-mark span:last-child{background:var(--cyan);width:14px;height:14px;bottom:0;left:5px;transform:rotate(45deg)}.header-actions{align-items:center;gap:14px;display:flex}.hello-player{color:var(--muted);font-size:14px}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px #4256e842}.button-primary:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 14px 30px #4256e84d}.button-secondary{background:var(--blue-soft);color:var(--blue-dark)}.button-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button-danger{color:#b53d35;background:#fff0ef;border:1px solid #ffd2ce}.button-small{border-radius:12px;min-height:40px;padding:0 16px;font-size:14px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:700}.welcome-shell{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,7vw,100px);width:min(1180px,100% - 40px);min-height:calc(100vh - 148px);margin:0 auto;padding:38px 0 70px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero-copy h1{letter-spacing:-.065em;max-width:690px;margin:0 0 25px;font-size:clamp(50px,6.5vw,86px);line-height:.98}.hero-copy h1 span{color:var(--blue);position:relative}.hero-copy h1 span:after{content:"";background:var(--cyan);opacity:.75;border-radius:50%;height:9px;position:absolute;bottom:-7px;left:4%;right:-2%;transform:rotate(-2deg)}.hero-lead{max-width:610px;color:var(--muted);margin:0 0 36px;font-size:clamp(17px,2vw,20px);line-height:1.65}.nickname-form label{margin-bottom:10px;font-size:13px;font-weight:750;display:block}.nickname-row{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:10px;padding:7px;display:flex;box-shadow:0 10px 34px #2a357414}.nickname-row input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:16px}.form-error{color:#b53d35;margin:8px 0 0;font-size:13px}.mini-steps{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:28px;font-size:13px;display:flex}.mini-steps span{align-items:center;gap:7px;display:inline-flex}.mini-steps b{background:var(--blue-soft);width:22px;height:22px;color:var(--blue);border-radius:50%;place-items:center;font-size:11px;display:grid}.hero-visual{place-items:center;min-height:590px;display:grid;position:relative}.visual-orbit{border:1px dashed #4256e83d;border-radius:50%;position:absolute}.orbit-one{inset:11% 4%;transform:rotate(8deg)}.orbit-two{inset:3% 15%;transform:rotate(-14deg)}.demo-flow{width:min(330px,75%);min-height:470px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:#ffffffb8;border:1px solid #ffffffe6;border-radius:42px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(2deg)}.demo-node{letter-spacing:.08em;color:var(--blue-dark);background:var(--blue-soft);place-items:center;font-size:14px;font-weight:850;display:grid}.demo-start{border-radius:99px;width:154px;height:58px}.demo-process{background:#fff;border:2px solid #4256e873;border-radius:12px;width:166px;height:64px}.demo-decision{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#9b6210;background:#fff1d9;width:150px;height:90px}.demo-arrow{height:55px;color:var(--blue);place-items:center;font-size:28px;display:grid}.demo-branch{width:190px;color:var(--muted);letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.floating-chip,.floating-score{z-index:3;background:#fff;font-weight:750;position:absolute;box-shadow:0 12px 32px #2b367729}.floating-chip{color:var(--blue);border-radius:12px;padding:11px 16px;font-size:13px}.chip-one{top:23%;left:3%;transform:rotate(-8deg)}.chip-two{bottom:22%;right:1%;transform:rotate(7deg)}.floating-score{width:74px;height:74px;color:var(--mint);border-radius:50%;place-items:center;display:grid;top:16%;right:6%;transform:rotate(8deg)}.content-page{flex:1;width:min(1120px,100% - 40px);margin:0 auto;padding:42px 0 80px}.section-heading{max-width:680px;margin:36px 0 48px}.section-heading h1{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(40px,5vw,64px);line-height:1.04}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.7}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.difficulty-card{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:420px;padding:30px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #2b36770f}.difficulty-card:after{content:"";background:var(--card-accent);opacity:.16;border-radius:50%;width:190px;height:190px;position:absolute;top:-75px;right:-80px}.difficulty-card:hover{box-shadow:var(--shadow);border-color:var(--card-accent);transform:translateY(-8px)}.difficulty-easy{--card-accent:var(--mint)}.difficulty-normal{--card-accent:var(--blue)}.difficulty-hard{--card-accent:var(--coral)}.difficulty-number{color:var(--muted);margin-bottom:62px;font-size:13px;font-weight:700}.difficulty-eyebrow{color:var(--card-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:11px;font-weight:850}.difficulty-card>strong{letter-spacing:-.04em;margin-bottom:14px;font-size:40px}.difficulty-description{color:var(--muted);min-height:75px;line-height:1.55}.difficulty-details{color:var(--ink);border-top:1px solid var(--line);width:100%;margin-top:auto;padding-top:18px;font-size:12px}.difficulty-cta{color:var(--card-accent);margin-top:22px;font-weight:800}.game-page{max-width:1180px}.game-topbar{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px;display:flex}.progress-area{flex:1;max-width:560px}.progress-labels{justify-content:space-between;gap:12px;margin-bottom:9px;font-size:13px;display:flex}.progress-labels span{color:var(--muted);text-transform:capitalize}.progress-track{background:#e7eaf5;border-radius:99px;height:7px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--cyan), var(--blue));border-radius:inherit;height:100%;transition:width .3s;display:block}.game-stats{gap:12px;display:flex}.game-stats>div{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:86px;padding:10px 14px}.game-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;display:block}.game-stats strong{font-size:18px}.problem-card{background:linear-gradient(115deg, var(--blue-dark), #596bf2);color:#fff;border-radius:28px;grid-template-columns:66px 1fr;align-items:start;gap:28px;padding:clamp(26px,4vw,46px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #3040c038}.problem-card:after{content:"";border:1px solid #ffffff2b;border-radius:50%;width:270px;height:270px;position:absolute;top:-110px;right:-75px;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}.problem-number{width:58px;height:58px;color:var(--cyan);border:1px solid #ffffff47;border-radius:16px;place-items:center;font-weight:800;display:grid}.problem-card h1{letter-spacing:-.03em;max-width:860px;margin:0 0 14px;font-size:clamp(25px,3vw,38px);line-height:1.25}.problem-card>div>p:last-child{color:#ffffffb3;margin:0;font-size:14px}.node-bank-section,.canvas-section{border:1px solid var(--line);background:#fffc;border-radius:24px;margin-top:28px;padding:24px}.section-title-row,.canvas-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-title-row h2,.canvas-heading h2{letter-spacing:-.025em;margin:0;font-size:23px}.section-title-row .eyebrow,.canvas-heading .eyebrow{margin-bottom:5px}.symbol-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:13px;font-size:11px;display:flex}.symbol-legend span{align-items:center;gap:5px;display:inline-flex}.symbol-legend i{background:var(--blue-soft);border:1px solid #4256e880;width:18px;height:12px;display:inline-block}.legend-terminator{border-radius:99px}.legend-io{clip-path:polygon(17% 0,100% 0,83% 100%,0 100%)}.legend-decision{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fff0d5!important;border:0!important}.node-bank{background:#f4f5fb;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex}.bank-empty{color:var(--muted);font-size:13px}.flow-node{width:178px;min-height:72px;color:var(--ink);cursor:grab;z-index:5;background:#fff;border:2px solid #4256e880;place-items:center;padding:12px 17px;font-size:12px;font-weight:750;line-height:1.25;transition:transform .14s,box-shadow .14s,background .14s;display:grid;position:relative;box-shadow:0 7px 18px #2b367717}.flow-node:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 11px 23px #2b367724}.flow-node:active:not(:disabled){cursor:grabbing}.flow-node.is-selected{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 5px #4256e826}.flow-node:disabled{opacity:1;cursor:default}.node-terminator{background:#effcf7;border-color:#39c79ba6;border-radius:99px}.node-process{border-radius:9px}.node-inputOutput{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:#eef9fd;border:0;box-shadow:inset 0 0 0 2px #46aed08c,0 7px 18px #2b367717}.node-decision{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#78500f;min-height:88px;box-shadow:none;background:#fff1d8;border:0;padding-inline:38px}.node-decision.is-selected{background:var(--blue);color:#fff}.flow-node.is-compact{width:184px}.flow-canvas{background-color:#fafbfe;background-image:radial-gradient(#d9deee 1px,#0000 1px);background-size:18px 18px;border-radius:18px;min-width:610px;position:relative;overflow:hidden}.canvas-section{overflow-x:auto}.flow-connectors{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-connectors path{fill:none;stroke:#8b95b5;stroke-width:2px}.flow-connectors marker path{fill:#8b95b5;stroke:none}.flow-connectors text{fill:var(--blue-dark);paint-order:stroke;stroke:#fafbfe;stroke-width:6px;font-size:12px;font-weight:800}.flow-slot-wrap{z-index:4;width:184px;min-height:76px;position:absolute;transform:translate(-50%)}.empty-slot{color:#9ba4bf;cursor:pointer;background:#ffffffe0;border:2px dashed #bfc6dc;border-radius:14px;width:184px;height:72px;font-size:12px;font-weight:800}.empty-slot span{background:#eef0f7;border-radius:50%;place-items:center;width:30px;height:30px;margin:auto;display:grid}.empty-slot.is-ready{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.empty-slot.is-ready span{background:#fff;border-radius:8px;width:auto;padding:0 10px}.selection-note{background:var(--blue-soft);color:var(--blue-dark);border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.action-zone{justify-content:flex-end;align-items:center;gap:24px;margin-top:24px;display:flex}.feedback-space{flex:1}.feedback{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:flex-start;gap:12px;padding:15px 18px;display:flex}.feedback-icon{background:var(--blue-soft);width:28px;height:28px;color:var(--blue);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.feedback strong{font-size:14px}.feedback p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.45}.feedback-success .feedback-icon{background:var(--mint);color:#fff}.feedback-hint .feedback-icon{background:var(--amber);color:#654000}.result-page{place-items:center;padding-top:50px;display:grid}.result-card{text-align:center;border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:#fff;border-radius:32px;padding:clamp(30px,6vw,64px);position:relative;overflow:hidden}.result-card:before,.result-card:after{content:"";background:var(--blue-soft);opacity:.7;z-index:0;border-radius:50%;width:250px;height:250px;position:absolute}.result-card:before{top:-100px;left:-150px}.result-card:after{bottom:-130px;right:-160px}.result-card>*{z-index:1;position:relative}.result-burst{background:linear-gradient(135deg, var(--amber), #ff8d5a);color:#fff;border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 20px;font-size:30px;display:grid;transform:rotate(7deg);box-shadow:0 12px 26px #ff994f4d}.result-burst span{transform:rotate(-7deg)}.result-card h1{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(38px,6vw,58px)}.result-copy{max-width:570px;color:var(--muted);margin:0 auto 28px;line-height:1.6}.score-ring{--score:0deg;background:conic-gradient(var(--blue) var(--score), #e9ecf7 0);border-radius:50%;width:170px;height:170px;margin:0 auto 28px;padding:12px}.score-ring>div{width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:50%;place-content:center;display:grid}.score-ring strong{letter-spacing:-.05em;font-size:43px;display:block}.score-ring span{color:var(--muted);font-size:12px}.result-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:30px;display:grid}.result-stats div{padding:20px 12px}.result-stats div+div{border-left:1px solid var(--line)}.result-stats span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.result-stats strong{font-size:20px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.leaderboard-heading{margin-bottom:28px}.leaderboard-tabs{background:#e9ecf6;border-radius:14px;gap:3px;margin-bottom:18px;padding:5px;display:inline-flex}.leaderboard-tabs button{min-width:104px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-weight:750}.leaderboard-card{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px #2b367712}.leaderboard-table-head,.leaderboard-list li{grid-template-columns:90px minmax(170px,1fr) 100px 100px 100px;align-items:center;gap:12px;display:grid}.leaderboard-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;background:#f4f5fa;padding:15px 24px;font-size:10px;font-weight:800}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{min-height:68px;color:var(--muted);border-top:1px solid #edf0f7;padding:12px 24px}.leaderboard-list li b{color:var(--blue);font-size:18px}.rank-number{border-radius:9px;place-items:center;width:30px;height:30px;font-weight:850;display:grid}.empty-leaderboard{text-align:center;padding:70px 20px}.empty-leaderboard>span{background:var(--blue-soft);width:52px;height:52px;color:var(--blue);border-radius:16px;place-items:center;margin:0 auto 14px;font-size:24px;display:grid}.empty-leaderboard h2{margin:0 0 8px}.empty-leaderboard p{color:var(--muted);margin:0}.organizer-controls{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:16px;margin-top:18px;padding:16px 18px;font-size:13px}.organizer-controls summary{color:var(--ink);cursor:pointer;font-weight:750}.organizer-controls p{line-height:1.55}.organizer-controls>div{flex-wrap:wrap;gap:9px;display:flex}.restore-banner{color:#20775d;background:#effcf7;border:1px solid #bcebdc;border-radius:12px;justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:10px 15px;font-size:13px;display:flex}.restore-banner button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);min-height:64px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto auto 0;font-size:11px;display:flex}@media (width<=900px){.welcome-shell{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-lead,.nickname-form{margin-inline:auto}.mini-steps{justify-content:center}.hero-visual{min-height:520px}.difficulty-grid{grid-template-columns:1fr}.difficulty-card{min-height:300px}.difficulty-number{margin-bottom:28px}.game-topbar{flex-direction:column;align-items:stretch}.game-stats>div{flex:1}.game-stats{width:100%}.section-title-row{flex-direction:column;align-items:flex-start}.symbol-legend{justify-content:flex-start}}@media (width<=620px){.site-header{width:min(100% - 24px,1180px);min-height:70px}.brand-button{font-size:15px}.brand-mark{transform:scale(.86)}.hello-player{display:none}.welcome-shell,.content-page,.restore-banner{width:calc(100% - 24px)}.welcome-shell{padding-top:30px}.hero-copy h1{font-size:49px}.nickname-row{flex-direction:column}.nickname-row input{min-height:46px}.hero-visual{min-height:470px}.demo-flow{min-height:410px}.problem-card{grid-template-columns:1fr;gap:16px}.problem-number{width:46px;height:46px}.game-stats>div{min-width:0;padding:9px}.node-bank-section,.canvas-section{padding:15px}.canvas-heading{flex-direction:column;align-items:flex-start}.flow-canvas{min-width:100%}.canvas-section{overflow-x:hidden}.flow-slot-wrap,.empty-slot,.flow-node.is-compact{width:108px}.flow-node.is-compact{min-height:68px;padding:8px 11px;font-size:10px}.action-zone{flex-direction:column;align-items:stretch}.action-zone .button{width:100%}.result-stats{grid-template-columns:1fr}.result-stats div+div{border-left:0;border-top:1px solid var(--line)}.result-actions .button{width:100%}.leaderboard-card{overflow-x:auto}.leaderboard-table-head,.leaderboard-list li{min-width:620px}.leaderboard-tabs{width:100%}.leaderboard-tabs button{flex:1;min-width:0;padding-inline:8px}footer{flex-direction:column;justify-content:center;width:calc(100% - 24px);padding:17px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sound-toggle{background:var(--blue-soft);color:var(--blue-dark);cursor:pointer;border:0;border-radius:11px;min-height:38px;padding:0 13px;font-size:12px;font-weight:750}.arcade-hero{min-height:560px;box-shadow:var(--shadow);background:linear-gradient(145deg,#eef0ff,#fff 55%,#e8fbff);border:1px solid #fff;border-radius:42px;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden}.arcade-hero:before{content:"";background:repeating-conic-gradient(from 0deg,#4256e80f 0 10deg,transparent 10deg 22deg);position:absolute;inset:-20%}.arcade-hero>*{z-index:1;position:relative}.arcade-marquee{text-align:center;letter-spacing:-.06em;color:var(--ink);text-shadow:3px 3px #fff;font-size:58px;font-weight:850;line-height:.82}.arcade-marquee strong{color:var(--blue)}.arcade-preview-hud{background:var(--ink);color:#fff;border-radius:13px;justify-content:space-between;width:80%;padding:12px 16px;font-size:13px;display:flex}.arcade-preview-hud span:first-child{color:#ff7b70;letter-spacing:.2em}.boss-chip{background:var(--coral);color:#fff;letter-spacing:.12em;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:850}.mode-page{max-width:1000px}.mode-grid{grid-template-columns:1.08fr .92fr;gap:22px;display:grid}.mode-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:30px;flex-direction:column;align-items:flex-start;min-height:470px;padding:34px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #2b367714}.mode-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)}.mode-card.arcade-mode{color:#fff;background:linear-gradient(145deg,#2635ad,#5267f2 68%,#426fe8);border:0}.mode-card.arcade-mode:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:290px;height:290px;position:absolute;top:-120px;right:-110px;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}.mode-card>*{z-index:1;position:relative}.mode-tag{text-transform:uppercase;letter-spacing:.15em;background:var(--blue-soft);color:var(--blue);border-radius:99px;padding:7px 11px;font-size:10px;font-weight:850}.arcade-mode .mode-tag{color:#b9f3ff;background:#ffffff26}.mode-icon{background:var(--blue-soft);width:68px;height:68px;color:var(--blue);border-radius:20px;place-items:center;margin:42px 0 24px;font-size:30px;display:grid}.arcade-mode .mode-icon{color:#b9f3ff;background:#ffffff24}.mode-card>strong{letter-spacing:-.045em;font-size:38px}.mode-card p{color:var(--muted);line-height:1.6}.mode-card ul{padding-left:19px;font-size:14px;line-height:1.9}.mode-card .difficulty-cta{margin-top:auto}.arcade-mode .difficulty-cta{color:#b9f3ff}.arcade-hud{grid-template-columns:1.1fr 1.6fr 1.1fr 1fr 1.15fr;gap:10px;margin-bottom:12px;display:grid}.arcade-hud>div{border:1px solid var(--line);background:#fff;border-radius:17px;min-height:76px;padding:11px 14px;position:relative;overflow:hidden;box-shadow:0 7px 19px #2b36770f}.arcade-hud span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:750;display:block}.arcade-hud strong{margin-top:4px;font-size:23px;display:block}.arcade-hud small{color:var(--muted);font-size:10px}.hud-hearts strong{gap:5px;display:flex}.hud-hearts i{color:var(--coral);font-style:normal;transition:transform .2s,opacity .2s}.hud-hearts i.lost{color:#d7dbea;transform:scale(.75)}.hud-timer i{background:linear-gradient(90deg,var(--cyan),var(--blue));height:5px;position:absolute;bottom:0;left:0}.hud-timer[data-low=true] strong{color:#d24b42}.hud-timer[data-low=true] i{background:var(--coral)}.powerup-bar{align-items:stretch;gap:8px;margin-bottom:18px;display:flex}.powerup-label{color:var(--muted);align-self:center;margin-right:auto;font-size:11px;font-weight:750}.powerup-bar button{background:var(--blue-soft);min-width:145px;color:var(--blue-dark);cursor:pointer;text-align:left;border:1px solid #cfd5f5;border-radius:13px;padding:9px 12px}.powerup-bar button:hover:not(:disabled){background:#dfe3ff}.powerup-bar button:disabled{opacity:.42;cursor:not-allowed}.powerup-bar b,.powerup-bar small{display:block}.powerup-bar small{color:var(--muted);margin-top:2px;font-size:9px}.combo-banner{background:linear-gradient(90deg,var(--amber),#ff8c58);color:#fff;letter-spacing:.08em;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:900;box-shadow:0 7px 18px #ff914f38}.boss-game .problem-card{background:linear-gradient(115deg,#8d284e,#d04862 70%,#f06c66)}.boss-game .canvas-section{border-color:#f1b6c2;box-shadow:0 0 0 4px #d048620f}.score-pop{color:#b9f3ff;font-size:38px;font-weight:900;animation:.65s both score-pop;position:absolute;top:35%;right:8%;transform:rotate(5deg)}@keyframes score-pop{0%{opacity:0;transform:translateY(20px)scale(.7)rotate(5deg)}50%{opacity:1}to{transform:translateY(-12px)scale(1.1)rotate(5deg)}}.boss-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(900px,100% - 40px);min-height:calc(100vh - 148px);margin:0 auto;display:flex;position:relative;overflow:hidden}.boss-rays{background:repeating-conic-gradient(#4256e81f 0 8deg,transparent 8deg 18deg);border-radius:50%;width:640px;height:640px;animation:26s linear infinite boss-spin;position:absolute}@keyframes boss-spin{to{transform:rotate(360deg)}}.boss-intro>:not(.boss-rays){z-index:1;position:relative}.boss-intro>p{color:var(--coral);text-transform:uppercase;letter-spacing:.2em;font-weight:850}.boss-crown{background:linear-gradient(135deg,var(--amber),var(--coral));color:#fff;border-radius:28px;place-items:center;width:90px;height:90px;font-size:42px;display:grid;transform:rotate(7deg);box-shadow:0 18px 35px #ff786e47}.boss-intro h1{letter-spacing:-.07em;color:var(--blue-dark);margin:24px 0 0;font-size:clamp(60px,10vw,110px);line-height:.9}.boss-intro h2{margin:15px 0 8px;font-size:25px}.boss-intro>span{color:var(--muted);letter-spacing:.12em;font-size:12px;font-weight:800}.boss-intro .button{margin-top:28px}.arcade-result .result-stats{grid-template-columns:repeat(5,1fr)}.score-breakdown{background:var(--blue-soft);color:var(--muted);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:-8px auto 24px;padding:12px 16px;font-size:12px;display:flex}.score-breakdown span{align-items:center;gap:7px;display:flex}.score-breakdown b{color:var(--blue-dark);font-size:17px}.score-breakdown i{color:var(--blue);font-style:normal;font-weight:900}.arcade-rank{color:#fff;border-radius:25px;place-items:center;width:82px;height:82px;margin:0 auto 18px;font-size:48px;font-weight:950;display:grid;transform:rotate(-5deg);box-shadow:0 15px 32px #2b36772e}.rank-S{background:linear-gradient(135deg,#ffb84d,#ff786e)}.rank-A{background:linear-gradient(135deg,#4256e8,#46c9e8)}.rank-B{background:#39c79b}.rank-C{background:#8d95aa}.confetti{color:var(--blue);letter-spacing:1em;margin-bottom:10px;animation:.7s both confetti-in}@keyframes confetti-in{0%{opacity:0;transform:translateY(-30px)scale(.7)}to{opacity:1;transform:none}}.mode-tabs{background:var(--ink);border-radius:14px;gap:4px;margin-right:10px;padding:5px;display:inline-flex}.mode-tabs button{color:#ffffffa6;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-weight:750}@media (width<=900px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:390px}.arcade-hud{grid-template-columns:repeat(3,1fr)}.powerup-bar{flex-wrap:wrap}.powerup-label{flex-basis:100%;width:100%}.arcade-result .result-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.arcade-hero{min-height:440px}.arcade-marquee{font-size:47px}.mode-card{padding:25px}.arcade-hud{grid-template-columns:repeat(2,1fr)}.arcade-hud>div{min-height:68px}.powerup-bar button{flex:1;min-width:0;padding:8px}.powerup-bar small{display:none}.arcade-result .result-stats{grid-template-columns:1fr}.score-pop{font-size:26px;right:4%}.boss-intro{width:calc(100% - 24px)}.mode-tabs{width:100%;margin:0 0 10px}.mode-tabs button{flex:1}.sound-toggle{font-size:0}.sound-toggle:after{content:"♪";font-size:15px}}@media (prefers-reduced-motion:reduce){.boss-rays,.score-pop,.confetti{animation:none!important}}:root{--ink:#f5f7ff;--muted:#a9b2d0;--line:#8f9fda38;--paper:#070a18;--panel:#11172d;--blue:#7181ff;--blue-dark:#5668f2;--blue-soft:#7181ff24;--cyan:#38e8ff;--mint:#45e6ad;--amber:#ffd45d;--coral:#ff6687;--purple:#a870ff;--cabinet:#171d3e;--shadow:0 24px 70px #00000061}html{scroll-padding-top:100px}body{color:var(--ink);background:radial-gradient(circle at 8% 2%,#5048d63d,#0000 30rem),radial-gradient(circle at 90% 18%,#11c2de24,#0000 30rem),linear-gradient(#070a18,#090c1f 42%,#070a18);overflow-x:hidden}body:before{content:"";z-index:1000;pointer-events:none;opacity:.55;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff03 3px 4px);position:fixed;inset:0}::selection{color:#070a18;background:var(--cyan)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a18c7;width:100%;min-height:78px;margin:0;padding-inline:max(22px,50% - 620px);position:sticky;top:0}.site-header:before{content:"";z-index:-1;border-bottom:1px solid var(--line);background:#070a18b8;height:78px;position:fixed;top:0;left:0;right:0}.brand-button{color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:-.05em;font-size:16px;font-weight:900}.brand-button strong{color:var(--cyan)}.brand-slash{color:var(--coral);margin-inline:2px}.brand-mark{filter:drop-shadow(0 0 9px #38e8ff40)}.brand-mark span{background:var(--cyan)}.brand-mark span:nth-child(2){background:var(--blue)}.brand-mark span:last-child{background:var(--coral)}.landing-nav{align-items:center;gap:28px;margin-inline:auto;display:flex}.landing-nav a{color:var(--muted);letter-spacing:.05em;font-size:12px;font-weight:720;text-decoration:none;transition:color .15s}.landing-nav a:hover{color:var(--cyan)}.hello-player{font-family:var(--font-geist-mono), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hello-player b{color:var(--cyan)}.sound-toggle{color:#cbd1ff;text-transform:uppercase;letter-spacing:.08em;background:#7181ff21;border:1px solid #7181ff4d}.button{text-transform:uppercase;letter-spacing:.07em;border-radius:9px;font-size:12px;font-weight:850;text-decoration:none}.button-primary{color:#07101a;background:linear-gradient(135deg, var(--cyan), #72f4ca);box-shadow:0 5px #209aaf,0 12px 30px #38e8ff33}.button-primary:hover:not(:disabled){color:#07101a;background:linear-gradient(135deg,#74f2ff,#8dffdc);transform:translateY(2px);box-shadow:0 3px #209aaf,0 13px 34px #38e8ff47}.button-secondary{color:#e4e8ff;background:#7181ff29;border:1px solid #7181ff57}.button-ghost{color:#d8ddf5;border-color:var(--line);background:#ffffff06}.button-ghost:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.button-danger{color:#ff9db2;background:#ff66871a;border-color:#ff66874d}.text-button{color:var(--cyan);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.eyebrow,.section-kicker{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:850}.landing-page{flex:1}.arcade-landing-hero{grid-template-columns:minmax(0,1.07fr) minmax(390px,.93fr);align-items:center;gap:clamp(50px,7vw,100px);width:min(1240px,100% - 44px);min-height:760px;margin:0 auto;padding:68px 0 90px;display:grid;position:relative}.hero-grid-overlay{pointer-events:none;opacity:.42;background-image:linear-gradient(#38e8ff0b 1px,#0000 1px),linear-gradient(90deg,#38e8ff0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0 -50vw;-webkit-mask-image:linear-gradient(#000 5%,#0000 88%);mask-image:linear-gradient(#000 5%,#0000 88%)}.arcade-landing-hero .hero-copy{z-index:2;position:relative}.live-badge{color:#b4bad3;border:1px solid var(--line);width:fit-content;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;background:#0d1228bf;border-radius:999px;align-items:center;gap:9px;margin-bottom:27px;padding:8px 12px;font-size:9px;font-weight:700;display:flex}.live-badge span{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 4px #45e6ad1a, 0 0 14px var(--mint);border-radius:50%;animation:1.8s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.45;transform:scale(.8)}}.arcade-landing-hero .hero-copy h1{color:#fff;letter-spacing:-.073em;max-width:720px;margin:0 0 25px;font-size:clamp(60px,7.3vw,104px);line-height:.9}.arcade-landing-hero .hero-copy h1 span{color:var(--cyan);text-shadow:0 0 34px #38e8ff3d}.arcade-landing-hero .hero-copy h1 span:after{display:none}.arcade-landing-hero .hero-lead{color:#b7bfdc;max-width:670px;margin-bottom:32px;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.nickname-form{max-width:680px}.nickname-form label{color:#d5daf1;font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;text-transform:uppercase;font-size:9px}.nickname-row{background:#0b1026e0;border:1px solid #38e8ff47;border-radius:11px;padding:6px;box-shadow:0 14px 42px #00000047,inset 0 0 25px #38e8ff06}.nickname-row:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #38e8ff14,0 15px 44px #00000052}.input-prompt{color:#080c1d;background:var(--amber);font-family:var(--font-geist-mono), monospace;border-radius:5px;align-self:center;margin-left:7px;padding:7px 8px;font-size:10px;font-weight:950}.nickname-row input{color:#fff;min-height:46px;font-family:var(--font-geist-mono), monospace}.nickname-row input::placeholder{color:#626d91}.form-error{color:#ff94ab}.hero-proof{color:#7f89ab;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.07em;gap:0;margin-top:26px;font-size:9px;display:flex}.hero-proof span{border-left:1px solid var(--line);align-items:baseline;gap:6px;padding:0 19px;display:flex}.hero-proof span:first-child{border-left:0;padding-left:0}.hero-proof b{color:#fff;font-size:18px}.arcade-cabinet{background:linear-gradient(145deg,#28275a,#151a39 42%,#11162f);border:2px solid #8b97ff73;border-bottom:0;border-radius:34px 34px 18px 18px;justify-self:end;width:min(475px,100%);padding:20px 22px 0;position:relative;transform:perspective(1100px)rotateY(-3deg);box-shadow:0 35px 90px #00000085,inset 8px 0 18px #ffffff09,inset -10px 0 24px #00000047,0 0 60px #7181ff14}.arcade-cabinet:before,.arcade-cabinet:after{content:"";background:#5a6387;border:2px solid #080b1d;border-radius:50%;width:10px;height:10px;position:absolute}.arcade-cabinet:before{top:14px;left:14px}.arcade-cabinet:after{top:14px;right:14px}.cabinet-marquee{text-align:center;text-transform:uppercase;padding:14px 12px 19px}.cabinet-marquee small{color:var(--amber);font-family:var(--font-geist-mono), monospace;letter-spacing:.25em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.cabinet-marquee strong{color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:-.07em;text-shadow:3px 3px #593bce,0 0 24px #38e8ff2e;font-size:clamp(27px,3.2vw,40px);font-weight:950}.cabinet-marquee strong span{color:var(--coral);margin-inline:3px}.cabinet-screen{background:radial-gradient(circle at 50% 35%,#3f51b447,#0000 55%),#080d23;border:12px solid #070a16;border-radius:25px 25px 45px 45px;min-height:430px;padding:20px 20px 17px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #2a67af24,inset 0 0 0 2px #313954}.cabinet-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#6dedff0a 3px 4px);position:absolute;inset:0}.screen-topline,.screen-stage{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;justify-content:space-between;font-size:9px;font-weight:850;display:flex}.screen-hearts{color:var(--coral);letter-spacing:.2em}.screen-stage{color:#8e99bd;background:#7181ff14;border-block:1px solid #7181ff1f;margin:14px 0 18px;padding:8px 10px}.screen-stage b{color:var(--amber)}.cabinet-flow{color:var(--cyan);font-family:var(--font-geist-mono), monospace;flex-direction:column;align-items:center;font-size:13px;font-style:normal;display:flex}.cabinet-flow>i{place-items:center;height:33px;font-style:normal;display:grid}.cab-node{color:#fff;border:2px solid var(--cyan);letter-spacing:.05em;background:#38e8ff14;place-items:center;font-size:9px;font-weight:850;display:grid;box-shadow:0 0 18px #38e8ff14}.cab-node.start{border-radius:99px;width:105px;height:38px}.cab-node.process{border-color:var(--purple);background:#a870ff1a;width:104px;height:48px}.cab-node.decision{background:var(--amber);color:#181225;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0;width:100px;height:68px}.cab-node.decision.small{background:var(--coral);width:90px;height:62px}.cabinet-branches{color:#7280a6;justify-content:space-between;width:235px;margin:1px 0 5px;font-size:8px;display:flex}.cabinet-child{justify-content:space-between;align-items:center;width:250px;display:flex}.boss-warning{color:#ffd7df;font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-align:center;background:#ff66871a;border:1px solid #ff668752;padding:8px;font-size:8px;font-weight:850;animation:1.4s steps(2,end) infinite boss-alert;position:absolute;bottom:12px;left:14px;right:14px}@keyframes boss-alert{50%{opacity:.58}}.cabinet-controls{background:linear-gradient(#292959,#171b3c);border:2px solid #8b97ff52;border-radius:10px 10px 30px 30px;align-items:center;gap:34px;min-height:115px;margin:0 -35px;padding:21px 55px;display:flex;position:relative;transform:perspective(500px)rotateX(6deg);box-shadow:0 16px 30px #00000040}.cabinet-controls>span{color:#727c9e;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;writing-mode:vertical-rl;margin-left:auto;font-size:7px}.joystick{background:#0b0e22;border-radius:50%;width:38px;height:38px;position:relative;box-shadow:inset 0 0 0 5px #262b4e}.joystick:before{content:"";transform-origin:bottom;background:#959dc0;border-radius:5px;width:6px;height:45px;position:absolute;bottom:19px;left:16px;transform:rotate(-7deg)}.joystick i{background:radial-gradient(circle at 38% 30%, #ff9aae, var(--coral) 42%, #aa2748);border-radius:50%;width:30px;height:30px;position:absolute;bottom:53px;left:4px;box-shadow:0 6px 10px #0006}.arcade-buttons{gap:18px;display:flex;transform:rotate(-8deg)}.arcade-buttons i{background:radial-gradient(circle at 38% 30%,#7af4ff,#22cde3 44%,#0b758b);border-radius:50%;width:38px;height:38px;box-shadow:0 6px #084d61,0 8px 13px #00000059}.arcade-buttons i:last-child{background:radial-gradient(circle at 38% 30%,#ffe993,#ffc842 44%,#b57608);box-shadow:0 6px #725008,0 8px 13px #00000059}.landing-ticker{background:var(--cyan);color:#06101a;border-block:1px solid #38e8ff2e;overflow:hidden;transform:rotate(-1deg)scale(1.02)}.landing-ticker div{min-width:max-content;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;justify-content:center;gap:26px;padding:12px 0;font-size:10px;font-weight:950;display:flex}.landing-ticker i{color:#7157df;font-style:normal}.landing-section{width:min(1180px,100% - 44px);margin:0 auto;padding:120px 0}.landing-heading{grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);align-items:end;gap:50px;margin-bottom:58px;display:grid}.landing-heading h2,.learning-copy h2{color:#fff;letter-spacing:-.06em;margin:10px 0 0;font-size:clamp(43px,5.6vw,72px);line-height:.98}.landing-heading h2 span,.learning-copy h2 span{color:var(--cyan)}.landing-heading>p{color:var(--muted);margin:0;line-height:1.7}.journey-track{border:1px solid var(--line);box-shadow:var(--shadow);background:#0f142da6;grid-template-columns:repeat(6,1fr);display:grid}.journey-card{border-left:1px solid var(--line);min-height:300px;padding:21px 18px 24px;position:relative}.journey-card:first-child{border-left:0}.journey-card>span{color:#566080;font-family:var(--font-geist-mono), monospace;font-size:9px;font-weight:850}.journey-icon{width:39px;height:39px;color:var(--cyan);background:#38e8ff14;border:1px solid #38e8ff4d;place-items:center;margin:60px 0 28px;display:grid;transform:rotate(45deg)}.journey-icon:first-letter{transform:rotate(-45deg)}.journey-card:nth-child(5) .journey-icon{color:#161021;border-color:var(--coral);background:var(--coral);box-shadow:0 0 20px #ff668738}.journey-card h3{color:#fff;margin:0 0 10px;font-size:17px}.journey-card p{color:#8f99ba;margin:0;font-size:12px;line-height:1.55}.learning-section{border-block:1px solid var(--line);background:linear-gradient(110deg,#1c1846e6,#080d21eb);grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(60px,10vw,140px);width:100%;max-width:none;padding-inline:max(22px,50vw - 590px);display:grid}.learning-copy>p:not(.section-kicker){max-width:580px;color:var(--muted);line-height:1.7}.learning-copy ul{margin:34px 0 0;padding:0;list-style:none}.learning-copy li{border-top:1px solid var(--line);grid-template-columns:155px 1fr;gap:20px;padding:18px 0;display:grid}.learning-copy li b{color:#fff;font-size:13px}.learning-copy li span{color:#909abc;font-size:12px;line-height:1.55}.symbol-console{background:#070d24;border:1px solid #38e8ff47;border-radius:14px;overflow:hidden;box-shadow:0 25px 75px #0006,0 0 40px #38e8ff0a}.console-header{color:#aeb7d7;border-bottom:1px solid var(--line);min-height:45px;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;background:#161c3b;justify-content:space-between;align-items:center;padding:0 16px;font-size:8px;font-weight:800;display:flex}.console-header i{color:var(--coral);letter-spacing:.4em;font-style:normal}.symbol-grid{grid-template-columns:1fr 1fr;gap:12px;padding:28px;display:grid}.symbol-grid>div{background:#ffffff06;border:1px solid #8b99cd26;align-items:center;gap:18px;min-height:128px;padding:16px;display:flex}.symbol-grid>div:hover{background:#38e8ff09;border-color:#38e8ff57}.symbol-grid span{color:#7883a7;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.symbol-grid b{color:#fff;font-family:var(--font-geist-sans), sans-serif;text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:13px;display:block}.symbol-shape{border:2px solid var(--cyan);background:#38e8ff14;flex:none;width:68px;height:44px;display:block}.symbol-shape.terminal{border-color:var(--mint);border-radius:99px}.symbol-shape.process{border-color:var(--purple)}.symbol-shape.io{border-color:var(--cyan);transform:skew(-12deg)}.symbol-shape.decision{border-color:var(--amber);width:54px;height:54px;transform:rotate(45deg)}.console-status{color:#717d9f;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;background:#45e6ad0f;border:1px solid #45e6ad2e;justify-content:space-between;margin:0 28px 24px;padding:10px 12px;font-size:8px;display:flex}.console-status b{color:var(--mint)}.architecture-map{grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center;display:grid}.architecture-map article{border:1px solid var(--line);background:linear-gradient(145deg,#191f42e0,#0c1126e6);flex-direction:column;min-height:315px;padding:23px;display:flex;position:relative}.architecture-map article:hover{border-color:#38e8ff61}.architecture-id{color:#4f5878;font-family:var(--font-geist-mono), monospace;font-size:9px;position:absolute;top:13px;right:15px}.architecture-icon{color:#091020;background:var(--cyan);width:55px;height:55px;font-family:var(--font-geist-mono), monospace;place-items:center;margin:20px 0 37px;font-size:13px;font-weight:950;display:grid;box-shadow:6px 6px #5143b0}.architecture-map article:nth-of-type(2) .architecture-icon{background:var(--amber)}.architecture-map article:nth-of-type(3) .architecture-icon{background:var(--purple)}.architecture-map article:nth-of-type(4) .architecture-icon{background:var(--mint)}.architecture-map h3{color:#fff;margin:0 0 10px;font-size:18px}.architecture-map p{color:#929cbd;margin:0 0 28px;font-size:12px;line-height:1.6}.architecture-map small{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;margin-top:auto;font-size:8px}.architecture-arrow{color:var(--cyan);font-family:var(--font-geist-mono), monospace;text-align:center;font-size:20px;font-style:normal}.system-details{grid-template-columns:1fr 1fr;gap:0 42px;margin-top:52px;display:grid}.system-details article{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:18px;padding:24px 0;display:grid}.system-details article>span{width:32px;height:32px;color:var(--cyan);font-family:var(--font-geist-mono), monospace;border:1px solid #38e8ff47;place-items:center;font-size:10px;display:grid}.system-details h3{color:#fff;margin:0 0 7px;font-size:14px}.system-details p{color:#929cbd;margin:0;font-size:12px;line-height:1.6}.privacy-callout{background:#45e6ad0e;border:1px solid #45e6ad45;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:34px;padding:20px 24px;display:grid}.privacy-pulse{background:var(--mint);width:11px;height:11px;box-shadow:0 0 16px var(--mint);border-radius:50%}.privacy-callout b{color:#fff;font-size:13px}.privacy-callout p{color:#8e9ab9;margin:4px 0 0;font-size:11px}.privacy-callout>strong{color:var(--mint);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:9px}.technology-section{padding-top:60px}.tech-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.tech-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f142c7a;min-height:225px;padding:24px;transition:background .15s,transform .15s}.tech-card:hover{background:#272d5899;transform:translateY(-3px)}.tech-card>span{color:#07101a;background:var(--cyan);width:45px;height:45px;font-family:var(--font-geist-mono), monospace;place-items:center;font-size:9px;font-weight:950;display:grid;box-shadow:4px 4px #5744b7}.tech-card:nth-child(3n+2)>span{background:var(--purple)}.tech-card:nth-child(3n+3)>span{background:var(--amber)}.tech-card h3{color:#fff;margin:45px 0 9px;font-size:16px}.tech-card p{color:#8e98b8;margin:0;font-size:11px;line-height:1.6}.final-cta{text-align:center;width:min(1180px,100% - 44px);box-shadow:var(--shadow);background:radial-gradient(circle,#4647b447,#0000 55%),#0b1027;border:1px solid #38e8ff42;margin-bottom:90px;padding:85px 40px;position:relative;overflow:hidden}.cta-pixels{opacity:.16;background-image:linear-gradient(90deg, var(--cyan) 1px, transparent 1px), linear-gradient(var(--cyan) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.final-cta>:not(.cta-pixels){position:relative}.final-cta h2{color:#fff;letter-spacing:-.065em;margin:11px 0 17px;font-size:clamp(46px,7vw,82px);line-height:.91}.final-cta>p:not(.section-kicker){color:var(--muted)}.final-cta .button{margin-top:22px}.content-page{padding-top:50px}.section-heading h1{color:#fff}.section-heading>p:last-child{color:var(--muted)}.mode-card,.difficulty-card{color:var(--ink);border-color:var(--line);background:linear-gradient(145deg,#191f43f0,#0d1229f5);box-shadow:0 18px 50px #00000040}.mode-card:hover,.difficulty-card:hover{border-color:#38e8ff80;box-shadow:0 20px 60px #0006,0 0 32px #38e8ff0f}.mode-card.arcade-mode{background:radial-gradient(circle at 90% 8%,#38e8ff2b,#0000 35%),linear-gradient(145deg,#4939b0,#2c2876 58%,#181c45);border:1px solid #828dff80}.mode-card.arcade-mode:after{border-color:#38e8ff29}.practice-mode .mode-icon{color:var(--mint);background:#45e6ad1a;border:1px solid #45e6ad33}.mode-tag{color:var(--cyan);background:#38e8ff1a}.arcade-mode .mode-tag{background:var(--cyan);color:#070c1c}.mode-card>strong,.difficulty-card>strong{color:#fff}.mode-card p,.mode-card li,.difficulty-description{color:var(--muted)}.arcade-mode p,.arcade-mode li{color:#edf0ffc7}.difficulty-card:after{opacity:.08;border-radius:0;transform:rotate(45deg)}.difficulty-details{color:#d7dcf2;border-color:var(--line)}.difficulty-cta{color:var(--cyan)}.game-topbar,.arcade-hud{font-family:var(--font-geist-mono), monospace}.game-stats>div,.arcade-hud>div{color:#fff;border-color:var(--line);background:linear-gradient(145deg,#171d3c,#0e142d);box-shadow:0 9px 24px #00000038}.game-stats span,.arcade-hud span,.arcade-hud small{color:#8490b2}.arcade-hud>div{border-radius:8px}.arcade-hud strong{color:#fff}.hud-timer i{background:linear-gradient(90deg, var(--purple), var(--cyan));box-shadow:0 0 10px var(--cyan)}.hud-hearts i.alive{color:var(--coral);text-shadow:0 0 12px #ff668759}.powerup-label{color:#8490b2;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.1em}.powerup-bar button{color:#dbe0f6;background:#7181ff1a;border-color:#7181ff52;border-radius:7px}.powerup-bar button:hover:not(:disabled){color:#07101a;background:var(--cyan);border-color:var(--cyan)}.powerup-bar small{color:#8490b2}.problem-card{background:radial-gradient(circle at 95% 15%,#38e8ff2e,#0000 30%),linear-gradient(120deg,#24205f,#171b43);border:1px solid #7181ff73;border-radius:16px;box-shadow:0 18px 48px #0000004d}.problem-card:after{border-color:#38e8ff21}.problem-number{color:var(--cyan);font-family:var(--font-geist-mono), monospace;border-color:#38e8ff52;border-radius:7px}.problem-card .eyebrow{color:var(--cyan)}.problem-card>div>p:last-child{color:#aeb7d3}.boss-game .problem-card{background:radial-gradient(circle at 95% 15%,#ffd45d1f,#0000 30%),linear-gradient(115deg,#5d193b,#9b284f 68%,#6a224b);border-color:#ff668780}.node-bank-section,.canvas-section{border-color:var(--line);background:#0e132adb;border-radius:13px;box-shadow:0 14px 36px #0000002e}.node-bank{background:#090e24;border:1px solid #8b99cd21}.section-title-row h2,.canvas-heading h2{color:#fff}.flow-node{color:#111831;background:#f7f9ff;border-color:#7786e2;box-shadow:0 7px #37418573,0 12px 24px #0000002e}.flow-node:hover:not(:disabled){box-shadow:0 4px #37418573,0 15px 25px #00000040}.node-terminator{background:#e9fff6}.node-inputOutput{background:#eafaff}.node-decision{color:#57400d;background:#fff0b6}.flow-node.is-selected,.node-decision.is-selected{color:#07101a;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px #38e8ff21,0 0 28px #38e8ff29}.flow-canvas{background-color:#f4f7ff;background-image:radial-gradient(#cad2eb 1px,#0000 1px);box-shadow:inset 0 0 0 1px #d5dcef}.empty-slot{color:#73809e;background:#ffffffe6;border-color:#aeb8d5}.empty-slot.is-ready{color:#3648d7;background:#e9edff;border-color:#5366ee}.selection-note{color:var(--cyan);background:#38e8ff14}.feedback{color:#dfe4f7;border-color:var(--line);background:#121831}.feedback p{color:var(--muted)}.feedback-success{background:#45e6ad12;border-color:#45e6ad59}.feedback-hint{background:#ffd45d12;border-color:#ffd45d54}.feedback-timeup{background:#ff668714;border-color:#ff668761}.combo-banner{color:#130f1c;background:linear-gradient(90deg, var(--amber), var(--coral));border-radius:5px;box-shadow:0 0 22px #ffd45d29}.boss-intro h1{color:#fff;text-shadow:0 0 40px #7181ff40}.boss-intro h2{color:#d8ddf6}.boss-intro>span{color:var(--muted)}.boss-rays{background:repeating-conic-gradient(#7181ff1f 0 8deg, transparent 8deg 18deg)}.boss-crown{color:#111125;background:linear-gradient(135deg, var(--amber), var(--coral))}.result-card{color:var(--ink);border-color:var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#171d3c,#0d132b);border-radius:18px}.result-card:before,.result-card:after{background:#7181ff1f}.result-card h1{color:#fff}.result-copy{color:var(--muted)}.score-ring{background:conic-gradient(var(--cyan) var(--score), #202746 0);box-shadow:0 0 35px #38e8ff14}.score-ring>div{color:#fff;border-color:var(--line);background:#111730}.result-stats,.result-stats div+div{border-color:var(--line)}.result-stats span{color:#8791b2}.score-breakdown{color:var(--muted);border:1px solid var(--line);background:#7181ff17}.score-breakdown b{color:#fff}.score-breakdown i{color:var(--cyan)}.leaderboard-tabs{border:1px solid var(--line);background:#10162e}.leaderboard-tabs button{color:var(--muted)}.leaderboard-tabs button.is-active{color:#07101a;background:var(--cyan);box-shadow:none}.mode-tabs{border:1px solid var(--line);background:#080d20}.mode-tabs button.is-active{color:#07101a;background:var(--cyan)}.leaderboard-card{border-color:var(--line);box-shadow:var(--shadow);background:#10162e}.leaderboard-table-head{color:#7f8aad;background:#171d39}.leaderboard-list li{color:var(--muted);border-color:var(--line)}.leaderboard-list li strong{color:#fff}.leaderboard-list li b{color:var(--cyan)}.rank-1 .rank-number{color:#161225;background:var(--amber)}.rank-2 .rank-number{color:#0d1520;background:#a9b4ce}.rank-3 .rank-number{color:#200e16;background:var(--coral)}.empty-leaderboard h2{color:#fff}.organizer-controls{color:var(--muted);border-color:var(--line);background:#10162e}.organizer-controls summary{color:#fff}.restore-banner{color:#a7ffdf;background:#45e6ad14;border-color:#45e6ad47}footer{color:#626c8d;border-color:var(--line);min-height:78px;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em}@media (width<=1050px){.journey-track{grid-template-columns:repeat(3,1fr)}.journey-card{border-top:1px solid var(--line)}.journey-card:first-child,.journey-card:nth-child(2),.journey-card:nth-child(3){border-top:0}.journey-card:nth-child(4){border-left:0}.architecture-map{grid-template-columns:1fr 32px 1fr;gap:16px 0}.architecture-map .architecture-arrow:nth-of-type(2){display:none}.architecture-map article:nth-of-type(3){grid-column:1}.architecture-map article:nth-of-type(4){grid-column:3}}@media (width<=900px){.landing-nav{display:none}.arcade-landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.arcade-landing-hero .hero-copy{text-align:left}.arcade-landing-hero .hero-lead,.arcade-landing-hero .nickname-form{margin-inline:0}.arcade-cabinet{justify-self:center;margin-top:20px}.landing-heading{grid-template-columns:1fr;gap:20px}.learning-section{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.site-header{width:100%;min-height:68px;padding-inline:12px}.site-header:before{height:68px}.header-actions{gap:7px}.brand-button{font-size:13px}.header-actions .button{padding-inline:10px;font-size:9px}.arcade-landing-hero,.landing-section{width:calc(100% - 24px)}.arcade-landing-hero{gap:48px;padding:48px 0 76px}.live-badge{margin-bottom:20px}.arcade-landing-hero .hero-copy h1{font-size:clamp(52px,16vw,72px)}.arcade-landing-hero .hero-lead{font-size:15px}.nickname-row{flex-wrap:wrap}.nickname-row input{min-width:calc(100% - 55px)}.nickname-row .button{width:100%}.hero-proof{flex-wrap:wrap;gap:12px 0}.hero-proof span{flex-direction:column;gap:2px;width:33.333%;padding-inline:9px}.hero-proof b{font-size:15px}.arcade-cabinet{width:calc(100% - 14px);padding-inline:13px;transform:none}.cabinet-controls{margin-inline:-23px;padding-inline:40px}.cabinet-screen{min-height:410px;padding-inline:13px}.cabinet-child{width:220px}.cabinet-branches{width:210px}.landing-section{padding-block:82px}.landing-heading{margin-bottom:38px}.landing-heading h2,.learning-copy h2{font-size:43px}.journey-track{grid-template-columns:1fr 1fr}.journey-card{min-height:250px;border-top:1px solid var(--line)!important}.journey-card:first-child,.journey-card:nth-child(2){border-top:0!important}.journey-card:nth-child(odd){border-left:0}.journey-icon{margin-top:36px}.learning-section{width:100%;padding-inline:12px}.learning-copy{padding-inline:0}.learning-copy li{grid-template-columns:1fr;gap:6px}.symbol-grid{grid-template-columns:1fr;padding:12px}.console-status{margin-inline:12px}.architecture-map{grid-template-columns:1fr;gap:10px}.architecture-map article,.architecture-map article:nth-of-type(3),.architecture-map article:nth-of-type(4){grid-column:1;min-height:255px}.architecture-arrow{transform:rotate(90deg)}.architecture-map .architecture-arrow:nth-of-type(2){display:block}.system-details{grid-template-columns:1fr}.privacy-callout{grid-template-columns:auto 1fr}.privacy-callout>strong{grid-column:2}.tech-grid{grid-template-columns:1fr 1fr}.tech-card{min-height:210px;padding:17px}.tech-card h3{margin-top:35px}.final-cta{width:calc(100% - 24px);padding:65px 18px}.final-cta h2{font-size:47px}.content-page{width:calc(100% - 24px)}.mode-card{border-radius:15px}.problem-card{border-radius:12px}}@media (width<=390px){.brand-mark{display:none}.site-header{width:100%;padding-inline:8px}.brand-button{font-size:12px}.sound-toggle{min-width:38px}.journey-track{grid-template-columns:1fr}.journey-card,.journey-card:nth-child(2){border-left:0;min-height:210px;border-top:1px solid var(--line)!important}.journey-card:first-child{border-top:0!important}.journey-icon{margin:28px 0 20px}.tech-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.live-badge span,.boss-warning{animation:none}}.game-symbol-guide{background:linear-gradient(120deg,#38e8ff0e,#7181ff09);border:1px solid #38e8ff2e;border-radius:10px;margin:-3px 0 18px;padding:15px}.symbol-guide-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px;display:flex}.symbol-guide-heading>div>span{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:850;display:block}.symbol-guide-heading strong{color:#fff;font-size:16px}.symbol-guide-heading>p{color:#a1abc8;text-align:right;max-width:410px;margin:0;font-size:12px;line-height:1.5}.symbol-guide-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.symbol-guide-card{background:#070c1e94;border:1px solid #8b99cd24;border-radius:8px;grid-template-columns:52px 1fr;align-items:center;gap:13px;min-height:116px;padding:13px;display:grid}.symbol-guide-card>div>span{color:#7f8bb0;font-family:var(--font-geist-mono), monospace;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:750;display:block}.symbol-guide-card strong{color:#f5f7ff;font-size:14px;display:block}.symbol-guide-card p{color:#a7b0cc;margin:6px 0 0;font-size:11px;line-height:1.48}.guide-shape{border:2px solid var(--cyan);background:#38e8ff14;width:47px;height:32px;display:block}.guide-terminator{border-color:var(--mint);background:#45e6ad1a;border-radius:99px;height:29px}.guide-process{border-color:var(--purple);background:#a870ff1a}.guide-input-output{border-color:var(--cyan);width:44px;transform:skew(-12deg)}.guide-decision{border-color:var(--amber);background:#ffd45d1a;width:35px;height:35px;margin-left:6px;transform:rotate(45deg)}@media (width<=980px){.symbol-guide-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.symbol-guide-heading{flex-direction:column;align-items:flex-start;gap:7px}.symbol-guide-heading>p{text-align:left}.symbol-guide-card{min-height:96px}}@media (width<=430px){.symbol-guide-grid{grid-template-columns:1fr}}.system-error-page{place-items:center;width:min(760px,100% - 32px);min-height:calc(100vh - 156px);margin:0 auto;padding:50px 0;display:grid}.system-error-card{text-align:center;width:100%;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 0,#ff66871f,#0000 45%),linear-gradient(145deg,#171d3c,#0d132b);border:1px solid #ff668752;border-radius:18px;padding:clamp(30px,7vw,70px)}.system-error-code{color:var(--coral);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:10px;font-weight:850}.system-error-icon{color:#170b15;background:linear-gradient(135deg, var(--amber), var(--coral));width:72px;height:72px;font-family:var(--font-geist-mono), monospace;border-radius:18px;place-items:center;margin:25px auto;font-size:38px;font-weight:950;display:grid;transform:rotate(4deg);box-shadow:0 14px 32px #ff668733}.system-error-card h1{color:#fff;letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(36px,7vw,58px);line-height:1}.system-error-card p{max-width:570px;color:var(--muted);margin:0 auto;line-height:1.7}.system-error-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}@media (width<=520px){.system-error-actions .button{width:100%}}