#app{max-width:980px;margin:0 auto;padding:0 16px 40px;display:grid;gap:12px}.st-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px}.st-tag{font:700 12px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.st-steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.st-steps li{padding:4px 10px;border-radius:999px;background:#eef2f5;color:var(--muted);font:700 13px var(--font-ui)}.st-steps li.now{background:var(--ink);color:#fff}.st-steps li.done{background:var(--good-bg);color:var(--good)}.st-title{margin:4px 0 0;font:800 clamp(26px,4vw,38px)/1.1 var(--font-game)}.st-actions{position:relative;overflow:hidden;display:grid;gap:12px;align-items:start}.st-actions.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:760px){.st-actions.two{grid-template-columns:minmax(0,1fr)}}.st-do{display:grid;gap:10px;justify-items:start;padding:16px 18px;border-radius:18px;background:var(--g-stage)}.st-do p{margin:0;font-size:17px;line-height:1.45}.st-do .btn{font-size:18px}.st-win{font:800 26px/1.1 var(--font-game);color:var(--good)}.st-row{display:flex;flex-wrap:wrap;gap:10px}.st-board.shake{animation:st-shake .5s ease-in-out}@keyframes st-shake{0%,to{transform:none}15%{transform:translate(-12px) rotate(-1deg)}35%{transform:translate(11px) rotate(1deg)}55%{transform:translate(-8px)}75%{transform:translate(5px)}}.st-joke{justify-self:stretch;display:grid;gap:4px;padding:14px 18px;border-radius:16px;background:#fff3d6;border:3px solid #f1b40f;animation:st-joke .45s cubic-bezier(.3,1.6,.5,1)}.st-joke .joke{font:800 clamp(22px,3.2vw,28px)/1.15 var(--font-game);color:var(--ink)}.st-joke p:last-child{font:600 16px/1.4 var(--font-ui)}@keyframes st-joke{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.st-board.shake,.st-joke{animation:none}}.st-theory{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:#fff;border:2px solid var(--ink)}.st-theory-title{margin:0;font:800 20px var(--font-game)}.st-theory ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.st-theory li{display:grid;gap:2px;padding:8px 12px;border-radius:10px;background:#f6f8fa}.st-theory li.new{animation:st-rise .3s ease-out}.st-theory .st-arrow{font:700 16px var(--font-ui)}.st-theory li>span:last-child{color:var(--muted)}.st-dowhy{display:grid;gap:4px;margin:0;font-size:13px;color:var(--muted)}.st-dowhy code{font-size:13px;color:var(--ink);background:#f1f4f7;padding:4px 8px;border-radius:6px;overflow-wrap:anywhere}@keyframes st-rise{0%{opacity:0;transform:translateY(12px)}}.st-scene{margin:0;border-radius:18px;overflow:hidden;border:3px solid var(--line);background:#fff}#scene{display:block;width:100%;height:auto}.st-under{padding:10px 12px}.st-counts{display:flex;flex-wrap:wrap;justify-content:space-around;gap:4px 16px;margin:0;font:700 16px var(--font-ui)}.st-counts b{font:800 28px var(--font-game)}@media(max-width:560px){.st-counts{font-size:13px}.st-counts b{font-size:22px}}.st-news{margin:0}.st-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:8px 0 0;font:600 14px var(--font-ui);color:var(--muted)}.st-legend .tag{padding:2px 10px;border-radius:999px;background:var(--ink);color:#fff}.st-map{display:grid;gap:8px}.st-tray{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.st-tray:empty{display:none}.st-tray-label{font:700 14px var(--font-ui);color:var(--muted)}.st-chip{padding:10px 16px;border-radius:12px;border:2px dashed var(--ink);background:#fff;font:700 17px var(--font-ui);cursor:grab;touch-action:none}.st-chip.ghost{position:fixed;z-index:10;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:0 10px 20px -8px #0006;border-style:solid}.st-board{position:relative;border:2px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.st-board #canvas{min-width:0}.st-board .node .name{font-size:18px}#canvas.done{pointer-events:none}#canvas.done .port{display:none}.st-toast{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:8px 12px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-size:14px}.st-meet{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.st-meet .new-character{margin:0;grid-template-columns:112px minmax(0,1fr);animation:st-rise .5s ease-out both}.st-meet .new-character:nth-child(2){animation-delay:.3s}.st-meet .new-character p{font-size:15px}@media(max-width:560px){.st-meet .new-character{grid-template-columns:72px minmax(0,1fr)}.st-meet .new-character svg{width:72px;height:72px}}[hidden]{display:none!important}
