/* 99 Club Studio · Online Play v1 */
#tt99-play-root{--play-ink:#24444b;--play-muted:#667b80;--play-teal:#0f8a83;--play-line:#d4e0e1;--play-pale:#f3f8f7;--play-warn:#9a5e37;max-width:1180px;margin:0 auto;padding:12px 0 42px;color:var(--play-ink)}
.tt99-play-shell{display:grid;gap:18px}.tt99-play-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:12px 4px 2px}.tt99-play-hero h1{margin:.15rem 0 .35rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.tt99-play-hero p{max-width:720px;margin:0;color:var(--play-muted);font-size:1rem;line-height:1.55}.tt99-play-hero nav{display:flex;flex-wrap:wrap;gap:8px}.tt99-play-hero nav a{border:1px solid var(--play-line);background:#fff;border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:700;color:var(--play-ink)}
.tt99-play-setup,.tt99-play-board-card,.tt99-play-tools,.tt99-play-complete-card{background:#fff;border:1px solid var(--play-line);border-radius:18px;box-shadow:0 5px 18px rgba(36,68,75,.06)}.tt99-play-setup{padding:18px}.tt99-play-setup-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.tt99-play-setup-head small,.tt99-play-complete-card small{color:var(--play-muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tt99-play-setup-head h2{margin:2px 0 0;font-size:1.35rem}.tt99-play-beta{font-size:.72rem;font-weight:900;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:#edf7f5;color:#08766f;border:1px solid #c7e8e3}
.tt99-play-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.tt99-play-mode button{appearance:none;border:1px solid var(--play-line);border-radius:13px;background:#fbfdfd;color:var(--play-ink);padding:12px 14px;text-align:left;font:800 .95rem/1.2 inherit;cursor:pointer}.tt99-play-mode button span{display:block;margin-top:4px;color:var(--play-muted);font-size:.78rem;font-weight:600}.tt99-play-mode button.is-active{border-color:#75bbb5;background:#eef8f6;box-shadow:inset 0 0 0 1px #75bbb5}.tt99-play-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tt99-play-options label{display:grid;gap:5px}.tt99-play-options label>span{font-size:.78rem;font-weight:800;color:var(--play-muted)}.tt99-play-options select{width:100%;border:1px solid #c9d7d9;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;color:var(--play-ink)}.tt99-play-setup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.tt99-play-setup-actions button,.tt99-play-tools button,.tt99-play-complete-actions button{min-height:40px}
.tt99-play-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.tt99-play-board-card{padding:16px}.tt99-play-board-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.tt99-play-board-head>div:first-child{display:grid;gap:2px}.tt99-play-board-head strong{font-size:.96rem}.tt99-play-board-head span{font-size:.78rem;color:var(--play-muted)}.tt99-play-timer-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--play-line);background:var(--play-pale);border-radius:999px;padding:5px 6px 5px 10px}.tt99-play-timer-wrap[hidden]{display:none!important}.tt99-play-timer-label{font-size:.7rem!important;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.tt99-play-timer-wrap strong{font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.tt99-play-timer-wrap button{border:0;background:#fff;border-radius:999px;padding:5px 8px;font:700 .72rem inherit;color:var(--play-ink);cursor:pointer}.tt99-play-board-wrap{position:relative;display:grid;place-items:center;min-height:420px;background:linear-gradient(180deg,#f8fbfb,#f2f7f6);border:1px solid #deeaeb;border-radius:16px;padding:clamp(12px,3vw,28px);overflow:hidden}.tt99-play-instruction{margin:12px 4px 0;color:var(--play-muted);font-size:.88rem;line-height:1.45}.tt99-play-paused{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(244,249,248,.96);backdrop-filter:blur(8px);text-align:center}.tt99-play-paused[hidden]{display:none}.tt99-play-paused strong{font-size:1.5rem}.tt99-play-paused span{margin-top:5px;color:var(--play-muted)}
.tt99-play-tools{padding:14px;display:grid;gap:11px;position:sticky;top:16px}.tt99-play-tool-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tt99-play-tool-row:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr))}.tt99-play-tools button{appearance:none;border:1px solid #c9d7d9;border-radius:10px;background:#fff;color:var(--play-ink);font:750 .8rem/1 inherit;padding:8px 6px;cursor:pointer}.tt99-play-tools button:hover:not(:disabled),.tt99-play-tools button:focus-visible{border-color:#79b9b4;background:#f1f9f7}.tt99-play-tools button:disabled{opacity:.42;cursor:not-allowed}.tt99-play-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:3px}.tt99-play-stats div{background:var(--play-pale);border-radius:10px;padding:8px 5px;text-align:center}.tt99-play-stats span{display:block;font-size:.62rem;color:var(--play-muted);font-weight:750}.tt99-play-stats strong{display:block;margin-top:2px;font-size:.95rem;font-variant-numeric:tabular-nums}.tt99-play-how{border-top:1px solid #e3ebec;padding-top:10px}.tt99-play-how strong{font-size:.82rem}.tt99-play-how p{margin:5px 0 0;color:var(--play-muted);font-size:.75rem;line-height:1.45}.tt99-play-status{min-height:44px;border:1px solid var(--play-line);border-radius:12px;background:#fff;padding:10px 13px;color:var(--play-muted);font-size:.86rem}.tt99-play-status[data-tone="success"]{background:#edf8f3;border-color:#badfce;color:#256449}.tt99-play-status[data-tone="warn"]{background:#fff8f0;border-color:#ead0b5;color:#86502f}.tt99-play-status[data-tone="hint"]{background:#f1f7ff;border-color:#c9daee;color:#315f87}
.tt99-play-shikaku{width:min(100%,630px);aspect-ratio:1;touch-action:none;user-select:none}.tt99-play-shikaku-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);width:100%;height:100%;background:#fff;border:2px solid #395b61;box-shadow:0 5px 14px rgba(36,68,75,.08)}.tt99-play-shikaku-cell{appearance:none;position:relative;z-index:1;border:0;border-right:1px solid #ccd9da;border-bottom:1px solid #ccd9da;background:transparent;padding:0;min-width:0;cursor:crosshair;color:var(--play-ink)}.tt99-play-shikaku-cell:focus-visible{outline:3px solid #3a8fd8;outline-offset:-3px;z-index:6}.tt99-play-shikaku-cell>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(24px,55%,40px);aspect-ratio:1;border-radius:50%;background:#f7fbfb;border:1px solid #9dc4c1;font-size:clamp(.78rem,2.4vw,1.12rem);font-weight:900;z-index:6}.tt99-play-shikaku-cell.is-hint>span{animation:tt99-hint-pulse 1.1s ease-in-out infinite;background:#e5f0ff;border-color:#68a0d1;box-shadow:0 0 0 5px rgba(67,132,190,.14)}@keyframes tt99-hint-pulse{50%{transform:translate(-50%,-50%) scale(1.09)}}.tt99-play-shikaku-overlays{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.tt99-play-shikaku-rect,.tt99-play-shikaku-draft{grid-column:calc(var(--c) + 1)/span var(--w);grid-row:calc(var(--r) + 1)/span var(--h);margin:1px;border:3px solid var(--play-teal);border-radius:5px;background:rgba(15,138,131,.035)}.tt99-play-shikaku-rect.is-wrong{border-color:#c66e58;background:rgba(198,110,88,.06);box-shadow:inset 0 0 0 2px rgba(198,110,88,.08)}.tt99-play-shikaku-draft{border-style:dashed;border-color:#66858a;background:rgba(86,116,122,.08)}.tt99-play-shikaku-draft.is-valid{border-color:#2f9d75;background:rgba(47,157,117,.10)}.tt99-play-shikaku-draft.is-invalid{border-color:#b78359;background:rgba(183,131,89,.08)}.tt99-play-shikaku.is-finished .tt99-play-shikaku-rect{background:rgba(15,138,131,.075);border-width:4px}#tt99-play-board.is-paused{visibility:hidden}.tt99-play-load-error{display:grid;gap:5px;text-align:center;padding:32px 16px;color:var(--play-muted)}.tt99-play-load-error strong{color:var(--play-ink)}
.tt99-play-complete{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(23,49,54,.42);backdrop-filter:blur(6px)}.tt99-play-complete[hidden]{display:none}.tt99-play-complete-card{width:min(610px,100%);padding:24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:17px}.tt99-play-complete-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e4f6ee;color:#1c8057;font-size:2rem;font-weight:900}.tt99-play-complete-card h2{margin:3px 0 8px}.tt99-play-complete-card p{margin:4px 0;color:var(--play-muted);line-height:1.45}.tt99-play-complete-streak strong{color:var(--play-teal)}.tt99-play-complete-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media(max-width:820px){#tt99-play-root{padding-inline:8px}.tt99-play-hero{display:grid}.tt99-play-hero nav{order:-1}.tt99-play-options{grid-template-columns:repeat(2,minmax(0,1fr))}.tt99-play-stage{grid-template-columns:1fr}.tt99-play-tools{position:static;grid-template-columns:1fr}.tt99-play-board-wrap{min-height:0}.tt99-play-shikaku{width:min(100%,590px)}.tt99-play-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tt99-play-stats,.tt99-play-how{grid-column:1/-1}}
@media(max-width:520px){.tt99-play-mode,.tt99-play-options{grid-template-columns:1fr 1fr}.tt99-play-board-card{padding:10px}.tt99-play-board-head{align-items:flex-start}.tt99-play-timer-wrap{flex-wrap:wrap;justify-content:flex-end}.tt99-play-board-wrap{padding:8px;border-radius:12px}.tt99-play-tools{grid-template-columns:1fr}.tt99-play-complete-card{grid-template-columns:1fr}.tt99-play-complete-mark{width:50px;height:50px}.tt99-play-shikaku-cell>span{width:54%;min-width:20px}}