:root{--tj-bg:#071d1b;--tj-panel:#102d2b;--tj-line:#347b68;--tj-text:#effff7;--tj-muted:#a8c9bd;--tj-green:#65e6a4;--tj-gold:#ffd26b;--tj-danger:#ff827e}.tj-page{min-height:calc(100vh - 67px);padding:27px 12px 48px;background:radial-gradient(circle at 70% 0,#1a5747,transparent 42%),linear-gradient(145deg,#061a1b,#0d2c2d 60%,#172d26);color:var(--tj-text);font-family:system-ui,sans-serif}.tj-page *{box-sizing:border-box}.tj-wrap{width:min(1000px,100%);margin:auto}.tj-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.tj-eyebrow{color:var(--tj-green);font-size:10px;font-weight:900;letter-spacing:.2em}.tj-header h1{margin:5px 0;color:#fff;font-size:clamp(30px,7vw,48px);letter-spacing:.07em}.tj-header p{margin:0;color:var(--tj-muted);font-size:13px}.tj-back{margin-top:8px;color:#e4fff2;font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.tj-layout{display:grid;grid-template-columns:minmax(300px,760px) 220px;gap:18px;align-items:start}.tj-play,.tj-panel{border:1px solid var(--tj-line);border-radius:8px;background:#0c2826e8;box-shadow:0 18px 55px #0008}.tj-play{padding:clamp(12px,3vw,22px)}.tj-score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.tj-score-row div{padding:8px;border-radius:8px;background:#071c1c;text-align:center}.tj-score-row span{display:block;color:var(--tj-muted);font-size:10px;letter-spacing:.1em}.tj-score-row strong{display:block;margin-top:2px;color:var(--tj-green);font:800 21px ui-monospace,monospace}.tj-score-row div:first-child strong{color:var(--tj-gold)}.tj-intro{margin-bottom:12px;padding:11px 13px;border:1px solid #397b67;border-radius:8px;background:#123b35;color:#e1fff1;font-size:12px;line-height:1.6}.tj-intro strong{color:var(--tj-gold)}.tj-intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:7px 0 0;padding:0;list-style-position:inside}.tj-intro p{margin:7px 0 0;color:var(--tj-muted);font-size:11px}.tj-stage{position:relative;overflow:hidden;width:100%;border:1px solid #4b9c78;border-radius:8px;background:#061b1b;box-shadow:0 12px 35px #0009}.tj-canvas{display:block;width:100%;height:auto;touch-action:none}.tj-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:#061a1be8;text-align:center}.tj-overlay[hidden]{display:none}.tj-overlay h2{margin:0;color:#fff;font-size:clamp(25px,6vw,42px);letter-spacing:.08em}.tj-overlay p{max-width:350px;margin:0;color:#c5e4d6;font-size:12px;line-height:1.8}.tj-button{min-height:39px;border:1px solid var(--tj-line);border-radius:8px;padding:8px 12px;background:#173d39;color:var(--tj-text);font:700 12px system-ui,sans-serif;cursor:pointer}.tj-button:hover,.tj-button:focus-visible{border-color:var(--tj-green);outline:2px solid #65e6a455;outline-offset:2px}.tj-primary{border-color:var(--tj-green);background:var(--tj-green);color:#06251b}.tj-touch{display:none;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.tj-touch button{min-height:48px}.tj-message{min-height:1.5em;margin:10px 0 0;color:var(--tj-muted);font-size:11px;text-align:center}.tj-side{display:flex;flex-direction:column;gap:10px}.tj-panel{padding:13px}.tj-actions{display:grid;gap:8px}.tj-panel h2{margin:0 0 9px;color:var(--tj-muted);font-size:11px;letter-spacing:.13em}.tj-sound>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tj-sound .tj-button{padding:6px 3px;font-size:11px}.tj-sound label{display:grid;gap:4px;margin-top:10px;color:var(--tj-muted);font-size:11px}.tj-sound input{width:100%;accent-color:var(--tj-green)}.tj-help ol{margin:0;padding-left:19px;color:#d9f6e7;font-size:11px;line-height:1.7}.tj-help p{margin:9px 0 0;color:var(--tj-muted);font-size:10px;line-height:1.7}.tj-help b{color:#fff}.tj-button[aria-pressed=false]{color:var(--tj-muted);opacity:.65}.tj-note{margin:14px 0 0;color:#82a99a;font-size:10px;text-align:center}.tj-page section{margin-bottom:10px}@media (min-width:1181px){.tj-page{padding-right:320px!important}}@media(max-width:760px){.tj-page{padding:19px 9px 38px}.tj-header{margin-bottom:13px}.tj-layout{display:block}.tj-side{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.tj-help{grid-column:1/-1}.tj-touch{display:grid}.tj-intro ol{grid-template-columns:1fr}.tj-canvas{min-height:190px}.tj-help p{font-size:10px}}@media(max-width:440px){.tj-header{display:block}.tj-back{display:inline-block;margin-top:10px}.tj-score-row strong{font-size:16px}.tj-side{display:block}.tj-panel{margin-bottom:9px}}