.prototype-demo{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space:#08141f;--space-2:#102432;--ink:#eaf7ee;--muted:#8ba3a2;--acid:#c7ff68;--cyan:#7ee7e1;--danger:#ff7b77;--panel:#0f2430e0;--line:#caf5e529}.prototype-demo,.prototype-demo *{box-sizing:border-box}.prototype-demo{background:var(--space);min-height:100%;color:var(--ink);background-image:radial-gradient(circle at 20% -5%,#7ee7e12e,#0000 28rem),radial-gradient(circle at 88% 28%,#c7ff681c,#0000 22rem),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:auto,auto,24px 24px,24px 24px;margin:0;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.prototype-demo button{font:inherit}.prototype-demo button:focus-visible{outline-offset:3px;outline:3px solid #fff}.prototype-demo .shell{width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.prototype-demo .intro-shell{align-items:center;padding:16px;display:grid}.prototype-demo .intro-card{border:1px solid var(--line);background:linear-gradient(155deg,#112b37f2,#05101afa);border-radius:30px;flex-direction:column;justify-content:center;min-height:calc(100dvh - 32px);padding:22px;display:flex;box-shadow:0 28px 70px #00000061}.prototype-demo .intro-topline{color:var(--muted);letter-spacing:.12em;justify-content:space-between;margin-bottom:20px;font-size:10px;display:flex}.prototype-demo .mission-index{color:var(--acid)}.prototype-demo .orbit-mark{border:1px solid var(--line);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:22px;display:grid;position:relative}.prototype-demo .orbit-mark:before{content:"";border:1px solid #7ee7e16b;border-radius:50%;position:absolute;inset:10px -8px;transform:rotate(-22deg)}.prototype-demo .orbit-mark span{color:var(--acid);font-size:25px}.prototype-demo .eyebrow{color:var(--cyan);letter-spacing:.18em;margin:0 0 7px;font-size:10px;font-weight:900}.prototype-demo .intro-card h1{letter-spacing:-.025em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(58px,18vw,82px);line-height:.78}.prototype-demo .intro-card h1 em{color:var(--acid);font-style:normal}.prototype-demo .intro-lead{color:#c7d8d5;margin:22px 0 18px;font-size:14px;line-height:1.5}.prototype-demo .intro-lead strong{color:#fff}.prototype-demo .rule-stack{gap:7px;margin-bottom:18px;display:grid}.prototype-demo .rule-stack>div{border:1px solid var(--line);background:#ffffff09;border-radius:13px;grid-template-columns:36px 1fr;align-items:center;padding:9px 11px;display:grid}.prototype-demo .rule-stack b{color:var(--acid);font-size:12px}.prototype-demo .rule-stack span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.prototype-demo .rule-stack strong{font-size:14px}.prototype-demo .rule-stack small{color:var(--muted);font-size:11px}.prototype-demo .primary-button{background:var(--acid);color:#10200f;cursor:pointer;border:0;border-radius:15px;justify-content:space-between;width:100%;padding:15px 17px;font-weight:1000;display:flex;box-shadow:0 7px #658935}.prototype-demo .primary-button:active{transform:translateY(3px);box-shadow:0 4px #658935}.prototype-demo .input-note{text-align:center;color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.45}.prototype-demo .game-shell{padding:13px 13px 20px}.prototype-demo .game-header{justify-content:space-between;align-items:center;display:flex}.prototype-demo .tiny-brand{color:var(--cyan);letter-spacing:.12em;font-size:9px;font-weight:900}.prototype-demo .game-header h1{letter-spacing:-.04em;margin:1px 0 0;font-size:23px}.prototype-demo .level-chip{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:12px;align-items:baseline;gap:2px;padding:7px 10px;display:flex}.prototype-demo .level-chip:hover{border-color:var(--cyan)}.prototype-demo .level-chip span{color:var(--acid);margin-right:4px;font-size:9px}.prototype-demo .level-chip strong{font-size:19px}.prototype-demo .level-chip em{color:var(--muted);font-size:11px;font-style:normal}.prototype-demo .mission-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;grid-template-columns:124px 1fr;align-items:center;gap:10px;margin-top:10px;padding:10px 11px;display:grid}.prototype-demo .mission-card span{color:var(--acid);letter-spacing:.08em;font-size:9px}.prototype-demo .mission-card h2{margin:2px 0 0;font-size:16px}.prototype-demo .mission-card p{color:#c9d8d4;margin:0;font-size:12px;line-height:1.5}.prototype-demo .progress-row{grid-template-columns:58px 1fr 64px;align-items:center;gap:8px;margin:10px 2px 8px;display:grid}.prototype-demo .progress-row>div:not(.progress-track){justify-content:space-between;align-items:baseline;display:flex}.prototype-demo .progress-row span{color:var(--muted);font-size:10px}.prototype-demo .progress-row strong{font-size:14px}.prototype-demo .progress-track{background:#ffffff1a;border-radius:99px;height:5px;overflow:hidden}.prototype-demo .progress-track i{background:linear-gradient(90deg, var(--cyan), var(--acid));height:100%;transition:width .2s;display:block}.prototype-demo .board-frame{border:1px solid var(--line);background:#05111beb;border-radius:21px;padding:8px;box-shadow:0 16px 48px #00000047}.prototype-demo .puzzle-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;grid-auto-rows:minmax(0,1fr);gap:4px;width:100%;display:grid;position:relative}.prototype-demo .grid-cell{width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);cursor:crosshair;z-index:1;background:#172d39;border:0;border-radius:8px;position:relative;overflow:hidden}.prototype-demo .grid-cell:after{content:"";border:1px solid #ffffff0b;border-radius:6px;position:absolute;inset:3px}.prototype-demo .grid-cell.tap-anchor{box-shadow:inset 0 0 0 3px var(--acid)}.prototype-demo .grid-cell.filled{background:#7ee7e112}.prototype-demo .clue-cat{z-index:5;place-items:center;height:100%;line-height:1;display:grid;position:relative}.prototype-demo .clue-cat small{letter-spacing:.06em;color:var(--muted);font-size:7px;position:absolute;top:5px}.prototype-demo .clue-cat strong{font-family:Georgia,serif;font-size:clamp(19px,7vw,27px)}.prototype-demo .clue-cat em{white-space:nowrap;color:var(--acid);font-size:9px;font-style:normal}.prototype-demo .special-marker{z-index:4;text-shadow:0 0 14px;font-size:20px;position:relative}.prototype-demo .special-window{color:var(--acid)}.prototype-demo .special-meteor{color:var(--danger)}.prototype-demo .clue-direction{color:var(--cyan);font-size:12px;font-style:normal;font-weight:1000;position:absolute;top:3px;right:4px}.prototype-demo .puzzle-board.size-7,.prototype-demo .puzzle-board.size-7 .room-layer,.prototype-demo .puzzle-board.size-7 .preview-layer{gap:3px}.prototype-demo .puzzle-board.size-7 .clue-cat small{font-size:6px;top:3px}.prototype-demo .puzzle-board.size-7 .clue-cat strong{font-size:18px}.prototype-demo .puzzle-board.size-7 .clue-cat em{font-size:7px}.prototype-demo .puzzle-board.size-7 .clue-direction{font-size:10px;top:1px;right:2px}.prototype-demo .puzzle-board.size-7 .special-marker{font-size:16px}.prototype-demo .room-layer,.prototype-demo .preview-layer{pointer-events:none;gap:4px;display:grid;position:absolute;inset:0}.prototype-demo .room-layer{z-index:2}.prototype-demo .preview-layer{z-index:6}.prototype-demo .room-overlay{background:color-mix(in srgb, currentColor 18%, transparent);box-shadow:inset 0 0 20px color-mix(in srgb, currentColor 10%, transparent);border:2px solid;border-radius:12px;position:relative}.prototype-demo .room-callout{letter-spacing:.1em;opacity:.75;font-size:7px;position:absolute;bottom:3px;right:5px}.prototype-demo .room-mint{color:#76f4ba}.prototype-demo .room-sun{color:#f6dd64}.prototype-demo .room-sky{color:#6acff2}.prototype-demo .room-rose{color:#ff8f9f}.prototype-demo .room-violet{color:#bb9cff}.prototype-demo .room-orange{color:#ffad69}.prototype-demo .room-teal{color:#63e2d5}.prototype-demo .preview-box{background:#ffffff14;border:3px dashed;border-radius:12px;align-content:center;place-items:center;min-width:0;display:grid;overflow:hidden}.prototype-demo .preview-box strong{font-size:22px}.prototype-demo .preview-face{white-space:nowrap;font-size:11px;font-weight:900}.prototype-demo .mood-perfect{color:var(--acid);background:#c7ff682e}.prototype-demo .mood-small{color:#7ee7e1}.prototype-demo .mood-large,.prototype-demo .mood-blocked{color:var(--danger);background:#ff7b7721}.prototype-demo .mood-searching{color:#fff}.prototype-demo .board-legend{color:#aebfbc;justify-content:space-between;align-items:center;padding:9px 2px 1px;font-size:11px;display:flex}.prototype-demo .legend-number{background:var(--acid);color:#132512;border-radius:5px;place-items:center;width:15px;height:15px;font-style:normal;font-weight:900;display:inline-grid}.prototype-demo .feedback{border:1px solid var(--line);background:var(--panel);border-radius:13px;align-items:center;gap:9px;min-height:48px;margin-top:8px;padding:8px 10px;display:flex}.prototype-demo .feedback-signal{background:var(--cyan);width:20px;height:20px;color:var(--space);border-radius:50%;flex:none;place-items:center;font-weight:1000;display:grid}.prototype-demo .feedback.invalid{background:#531b1fb3;border-color:#ff7b777a}.prototype-demo .feedback.invalid .feedback-signal{background:var(--danger)}.prototype-demo .feedback.valid .feedback-signal,.prototype-demo .feedback.win .feedback-signal{background:var(--acid)}.prototype-demo .feedback p{margin:0;font-size:12px;line-height:1.45}.prototype-demo .action-row{grid-template-columns:1.25fr 1fr .62fr;gap:6px;margin-top:8px;display:grid}.prototype-demo .action-row button{border:1px solid var(--line);color:#d5e2df;cursor:pointer;background:#ffffff0b;border-radius:10px;padding:9px 5px;font-size:11px}.prototype-demo .action-row button:hover{border-color:var(--cyan)}.prototype-demo .game-footer{color:var(--muted);letter-spacing:.03em;justify-content:center;gap:18px;margin-top:10px;font-size:10px;display:flex}.prototype-demo .result-overlay{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02080dbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.prototype-demo .result-card{border:1px solid var(--line);text-align:center;background:linear-gradient(155deg,#163040,#07131d);border-radius:25px;width:min(100%,372px);padding:24px;box-shadow:0 25px 70px #0000007a}.prototype-demo .result-code{color:var(--acid);letter-spacing:.12em;border:1px solid #c7ff686b;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-block}.prototype-demo .result-orbit{color:var(--cyan);margin:20px 0 8px;font-size:28px}.prototype-demo .result-card h2{margin:0;font-size:25px}.prototype-demo .result-card>p{color:#b7cac5;font-size:12px;line-height:1.55}.prototype-demo .result-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0;display:grid}.prototype-demo .result-metrics span{border:1px solid var(--line);color:var(--muted);border-radius:11px;padding:9px 4px;font-size:10px}.prototype-demo .result-metrics strong{color:var(--ink);font-size:17px;display:block}.prototype-demo .level-picker-overlay{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02080dc7;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.prototype-demo .level-picker-card{border:1px solid var(--line);background:linear-gradient(155deg,#163040,#07131d);border-radius:24px;width:min(100%,390px);max-height:calc(100dvh - 28px);padding:19px;overflow-y:auto;box-shadow:0 25px 70px #0000007a}.prototype-demo .level-picker-card header{justify-content:space-between;align-items:center;display:flex}.prototype-demo .level-picker-card header span{color:var(--acid);letter-spacing:.12em;font-size:9px;font-weight:900}.prototype-demo .level-picker-card h2{margin:2px 0 0;font-size:24px}.prototype-demo .level-picker-card header button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:50%;font-size:22px}.prototype-demo .level-picker-card>p{color:#c2d2ce;margin:12px 0;font-size:12px;line-height:1.5}.prototype-demo .level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.prototype-demo .level-grid button{border:1px solid var(--line);min-width:0;min-height:52px;color:var(--ink);cursor:pointer;background:#ffffff0b;border-radius:11px}.prototype-demo .level-grid button strong{font-size:15px;display:block}.prototype-demo .level-grid button span{min-height:13px;color:var(--muted);margin-top:2px;font-size:9px;display:block}.prototype-demo .level-grid button.current{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid)}.prototype-demo .level-grid button.complete{background:#c7ff6821}.prototype-demo .level-grid button.complete span{color:var(--acid)}.prototype-demo .level-picker-card>small{color:var(--muted);margin-top:13px;font-size:10px;line-height:1.5;display:block}@media (height<=740px){.prototype-demo .game-shell{padding-top:8px}.prototype-demo .mission-card{margin-top:6px;padding-block:7px}.prototype-demo .progress-row{margin-block:6px}.prototype-demo .feedback{min-height:36px}.prototype-demo .action-row{margin-top:5px}}@media (width<=359px){.prototype-demo .game-shell{padding-inline:8px}.prototype-demo .mission-card{grid-template-columns:108px 1fr}.prototype-demo .rule-stack small{display:none}}@media (prefers-reduced-motion:no-preference){.prototype-demo .primary-button,.prototype-demo .action-row button{transition:transform .15s,border-color .15s}.prototype-demo .result-card{animation:.24s ease-out dock}@keyframes dock{0%{opacity:0;transform:scale(.96)translateY(12px)}}}.prototype-demo .meowblock-back{z-index:50;border:1px solid var(--line);color:var(--cyan);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05111bdb;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none;position:absolute;top:8px;left:14px}.prototype-demo .meowblock-back:focus-visible{outline-offset:3px;outline:3px solid #fff}