@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500.woff2) format("woff2")}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-400.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{overscroll-behavior:none;background:#0d0d0f;touch-action:none;overflow:hidden}select{appearance:none;-webkit-appearance:none}select:focus{outline:none}.bcell{width:var(--cell);height:var(--cell);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:calc(var(--cell) * .22);user-select:none;-webkit-user-select:none;touch-action:none;transition:background .2s,border-color .2s}.bcell-open{background:#f1f0f0;color:#0d0d0f;border:2px solid #fff;font-family:Archivo Black,sans-serif;box-shadow:0 0 14px #fff3}.bcell-empty{background:#1a1a1e;border:1.5px solid #2a2a30}.bcell-piece{border:none;color:#00000059;font-weight:700;cursor:grab}.sel-btn{padding:8px 18px;background:#e2e2e6;color:#0d0d0f;border:none;border-radius:8px;font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.04em;cursor:pointer;transition:opacity .15s,transform .1s}.sel-btn:active{transform:scale(.95)}.sel-btn:disabled{opacity:.5}.ghost-btn{background:none;border:1.5px solid #2a2a35;color:#888;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px;cursor:pointer;letter-spacing:.06em;white-space:nowrap;transition:border-color .15s,color .15s}.ghost-btn:hover{border-color:#444;color:#aaa}.ghost-btn:disabled{opacity:.5;cursor:default;border-color:#333}.ghost-btn:disabled:hover{border-color:#333;color:#888}.icon-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 10px}.btn-label{font-size:12px;letter-spacing:.03em}.hint-count{font-size:11px;font-weight:600;min-width:0}.mode-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1.5px solid #2a2a30}.mode-toggle button{background:none;border:none;color:#888;font-family:inherit;font-size:11px;letter-spacing:.08em;padding:6px 14px;cursor:pointer;transition:background .15s,color .15s}.mode-toggle button.active{background:#e2e2e6;color:#0d0d0f;font-weight:500}.ad-gate-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.ad-gate-modal{background:#1a1a1e;border:1.5px solid #2a2a35;border-radius:16px;padding:28px 32px;max-width:340px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:12px}.ad-gate-icon{width:56px;height:56px;border-radius:50%;background:#2a2a35;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ad-gate-title{font-family:Archivo Black,sans-serif;font-size:18px;color:#f1f0f0;text-align:center}.ad-gate-desc{font-size:13px;color:#888;text-align:center;line-height:1.5;letter-spacing:.02em}.ad-gate-actions{display:flex;gap:8px;margin-top:8px;width:100%;justify-content:center}.ad-gate-watch-btn{min-width:140px}.ad-gate-hint-count{font-size:11px;color:#555;letter-spacing:.08em;min-height:16px}.ad-gate-progress{width:100%;height:4px;background:#2a2a35;border-radius:2px;overflow:hidden}.ad-gate-progress-bar{height:100%;background:#e2e2e6;border-radius:2px;animation:ad-progress 2s linear forwards}@keyframes ad-progress{0%{width:0}to{width:100%}}.ad-gate-spinner{width:24px;height:24px;border:2.5px solid #2a2a35;border-top-color:#e2e2e6;border-radius:50%;animation:ad-spin .8s linear infinite}@keyframes ad-spin{to{transform:rotate(360deg)}}.hint-badge{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.06em;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}.hint-badge-free{background:#22c55e;color:#0d0d0f}.hint-badge-ad{background:#f59e0b;color:#0d0d0f}.hint-badge-limit{background:#666;color:#ccc}.tpiece-drop{animation:tpiece-pulse 1.2s ease-in-out infinite}@keyframes tpiece-pulse{0%,to{opacity:.5}50%{opacity:1}}.tutorial-overlay{position:fixed;inset:0;z-index:2000;pointer-events:none}.tutorial-backdrop{position:fixed;inset:0;background:#000c;pointer-events:auto}.tutorial-spotlight{position:fixed;border:2px solid rgba(255,255,255,.4);border-radius:12px;pointer-events:none;box-shadow:0 0 0 2px #ffffff1a,0 0 24px #ffffff14;animation:tutorial-pulse 2s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 2px #ffffff1a,0 0 24px #ffffff14}50%{box-shadow:0 0 0 4px #ffffff26,0 0 32px #ffffff1f}}.tutorial-card{background:#1a1a1e;border:1.5px solid #2a2a35;border-radius:16px;padding:24px 28px;max-width:320px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto;z-index:2001}.tutorial-card-title{font-family:Archivo Black,sans-serif;font-size:18px;color:#f1f0f0;text-align:center}.tutorial-card-text{font-size:14px;color:#aaa;text-align:center;line-height:1.6;letter-spacing:.02em}.tutorial-dots{display:flex;gap:6px;margin:4px 0}.tutorial-dot{width:6px;height:6px;border-radius:50%;background:#333;transition:background .2s}.tutorial-dot-active{background:#e2e2e6}.tutorial-actions{display:flex;gap:12px;align-items:center;margin-top:4px}