:root{color-scheme:light;--paper:#f6f3e9;--white:#fffef8;--ink:#233e34;--muted:#89937d;--line:#d9dece;--lime:#dded9f;--coral:#f37c5c;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{outline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--coral)}button:focus:not(:focus-visible){outline:none}button{border:0}a{color:inherit;text-decoration:none}svg{display:block;max-width:100%}h1,p{margin:0}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;left:16px;top:12px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.workbench{width:min(860px,calc(100% - 64px));margin:0 auto;padding:26px 0 32px;outline:none}.toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.brand-chip{display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--ink);color:var(--lime);width:44px;height:44px;font:700 19px var(--mono);box-shadow:3px 3px 0 #233e3418}.settings{display:flex;align-items:center;gap:8px}.icon-button{display:grid;place-items:center;width:42px;height:42px;background:transparent;border-radius:50%;border:1px solid transparent;color:#7b8874;transition:background .15s,color .15s}.icon-button svg{width:21px;height:21px}.icon-button:hover,.icon-button[aria-pressed=true]#motion-toggle{background:#e4e9d7;color:var(--ink)}.icon-button[aria-pressed=false]#sound-toggle{color:#b1b7aa}.toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 2px}.arena{position:relative;border:1.5px solid #bdc7b2;border-radius:24px;background:var(--white);box-shadow:0 8px 0 #dce1cd66;isolation:isolate;overflow:hidden}.game-stage{position:relative;width:100%;height:430px;min-height:0;overflow:hidden}.interaction-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;pointer-events:none;color:#7c8974;font-size:11px;letter-spacing:1px;transition:opacity .15s;background:#fffef8b8;border-radius:20px;padding:7px 12px;white-space:nowrap}.interaction-cue svg{width:18px;height:18px}.interaction-cue.is-used{opacity:0}.end-actions{position:absolute;right:16px;top:16px;display:flex;gap:5px;padding:5px;border:1px solid #bdc7b2;border-radius:100px;background:#fffef8ed;box-shadow:0 3px 9px #233e340c;animation:tools-in .18s ease-out;z-index:40}.end-button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:transparent}.end-button svg{width:19px;height:19px}.end-button:hover{background:var(--lime)}.end-button:first-child{background:var(--ink);color:var(--lime)}.end-button:disabled{opacity:.4}.mode-dock{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 0;width:max-content;max-width:100%;padding:8px;border-radius:24px;border:1px solid var(--line);background:#eeeee2}.mode{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:80px;height:80px;border-radius:17px;transition:background .15s,transform .15s;color:#8a927f}.mode svg{width:36px;height:36px;overflow:visible}.mode span{font-size:12px;line-height:1;font-weight:600}.mode[aria-current=page]{background:var(--white);color:var(--ink);box-shadow:0 2px 5px #233e3410}.mode[aria-current=page]:after{content:"";position:absolute;bottom:-9px;width:4px;height:4px;border-radius:50%;background:var(--ink)}.mode:hover{color:var(--ink);transform:translateY(-2px)}.save-status{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.noscript{padding:30px;text-align:center}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduce-motion .core-sweep{display:none}@keyframes tools-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes core-flow{to{stroke-dashoffset:-40}}@keyframes core-scan{to{transform:translateY(44px)}}.core-flow{stroke-dasharray:5 5;animation:core-flow 1.8s linear infinite}.core-sweep{animation:core-scan 1.8s linear infinite}.core-off .core-flow,.core-off .core-sweep{animation:none}
@media(min-height:850px){.workbench{padding-top:58px}}@media(max-width:700px){.workbench{width:calc(100% - 28px);padding:12px 0 24px}.toolbar{height:52px;margin-bottom:10px}.brand-chip{width:38px;height:38px;font-size:17px;border-radius:10px}.settings{gap:3px}.icon-button{width:38px;height:38px}.arena{border-radius:19px}.game-stage{height:400px}.mode-dock{gap:3px;padding:6px;margin-top:22px;border-radius:20px}.mode{width:54px;height:68px;border-radius:14px;gap:5px}.mode svg{width:30px;height:30px}.mode span{font-size:11px}.mode[aria-current=page]:after{bottom:-7px}.end-actions{right:10px;top:10px;padding:3px}.end-button{width:34px;height:34px}.interaction-cue{font-size:10px;bottom:12px}}@media(max-width:340px){.workbench{width:calc(100% - 20px)}.mode-dock{gap:0}.mode{width:51px}}

.load-retry{position:absolute;inset:0;margin:auto;width:64px;height:64px;font-size:36px;background:var(--lime);border-radius:50%}

.feedback-slot{position:relative;height:58px;display:flex;justify-content:center;align-items:center}.feedback-slot .interaction-cue{position:static;transform:none;background:transparent;padding:0}.feedback-slot .end-actions{position:static;box-shadow:none;background:transparent;border:0;padding:0}.mode-dock{margin-top:4px}@media(max-width:700px){.feedback-slot{height:52px}.mode-dock{margin-top:4px}}
.session-total{display:flex;align-items:center;gap:8px;min-width:73px;padding:0 16px 0 4px;margin-right:6px;border-right:1px solid var(--line);font:600 17px var(--mono);font-variant-numeric:tabular-nums}.session-total svg{width:23px;height:23px;opacity:.6}.feedback-slot .end-actions{align-items:center}.feedback-slot #replay{background:var(--ink);color:var(--lime)}@media(max-width:340px){.session-total{padding-right:10px;min-width:65px}.session-total span{font-size:15px}}