.frame{background:var(--bg-inner);border:1px solid var(--frame-dark);border-radius:var(--r-card);box-shadow:var(--shadow-inner)}.title-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:linear-gradient(180deg,#0d0d0f,#0a0a0c);border:1px solid rgba(0,0,0,.5);border-radius:var(--r-slot);box-shadow:inset 0 1px #ffffff0a;font-weight:600;letter-spacing:.03em}.pill{font:inherit;font-weight:700;letter-spacing:.08em;text-align:center;color:var(--ink);background:linear-gradient(180deg,#2a2a2e,#1c1c20);border:1px solid rgba(0,0,0,.4);border-radius:var(--r-pill);box-shadow:var(--shadow-btn);padding:12px 16px;cursor:pointer}.pill:hover:not(:disabled){background:linear-gradient(180deg,#323236,#222226)}.pill:active:not(:disabled){box-shadow:inset 0 2px 6px #00000080}.pill-gold{color:#1a1a1a;background:linear-gradient(160deg,var(--ink-gold),#b8963e);box-shadow:0 0 10px #d4af3759,inset 0 1px #fff6}.pill-gold:hover:not(:disabled){background:linear-gradient(160deg,#e0c060,#c4a24a)}.pill:disabled{color:var(--ink-dim);background:linear-gradient(180deg,#232327,#19191d);cursor:not-allowed}.home,.level-select{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:6vh 4vw 3vh;gap:12px}.home h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.06em;text-align:center}.tagline{margin:0;color:var(--ink-dim);text-align:center}.modes{display:flex;flex-direction:column;gap:12px;margin-top:24px;width:min(80vw,var(--content-w))}.later{display:block;font-size:.75rem;font-weight:400;letter-spacing:.2em;margin-top:2px}.disclaimer{margin-top:auto;color:#8a8a8a;font-size:.75rem;text-align:center;max-width:36rem}.select-frame{width:var(--content-w);padding:12px;display:flex;flex-direction:column;gap:12px}.select-bar{justify-content:space-between}.select-bar h1{flex:1;text-align:center}.back-btn{flex:none;width:28px;height:28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.back-btn-spacer{flex:none;width:28px;height:28px}.select-frame ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.select-frame li .pill{width:100%;padding:10px 16px}.match{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:12px;padding:2vh 4vw 3vh}.match-bar{width:var(--content-w)}.title-bar h1{margin:0;font-size:1rem;font-weight:600}.match-bar p{margin:0;color:var(--ink-dim);font-size:.85rem;font-weight:400}.action-bar{display:flex;gap:8px;width:var(--content-w)}.action-bar .pill{flex:1;padding:10px 0;font-size:.9rem}.action-bar .pill-peek{font-size:.78rem}.action-bar .pill-peek[aria-pressed=true]{color:var(--ink-gold);box-shadow:inset 0 2px 6px #00000080}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.dialog{width:min(85vw,38vh);padding:20px 16px;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center}.dialog p{margin:0}.dialog .steps{color:var(--ink-dim);font-size:.85rem}.dialog-actions{display:flex;gap:8px}.dialog-actions .pill{flex:1;padding:10px 0}.board{position:relative;width:var(--content-w);aspect-ratio:360 / 451;background:var(--bg-inner);border:1px solid var(--frame-dark);border-radius:var(--r-card);box-shadow:var(--shadow-inner)}.slot,.exit,.piece{border-radius:var(--r-slot)}.slot{position:absolute;background:#23262a;box-shadow:inset 0 2px 5px #0000008c}.exit{position:absolute;pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.12em;color:#d8c48a;background:#3a3428;box-shadow:inset 0 2px 5px #0009,inset 0 0 0 1.5px #c9a22773;animation:exit-pulse 2s ease-in-out infinite}@keyframes exit-pulse{0%,to{opacity:.45}50%{opacity:1}}.exit-peeking{animation:none;opacity:1;color:#f0dda6;background:#5c4e2e;box-shadow:inset 0 2px 5px #0009,inset 0 0 0 3px #c9a227d9}.piece{position:absolute;margin:0;padding:0;border:1.5px solid #14161a;cursor:pointer;font:inherit;color:inherit;overflow:hidden;z-index:1}.piece-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.piece-glide{transition:left var(--slide-ms) linear,top var(--slide-ms) linear}.piece-snap{transition:none}.piece-translucent{opacity:.12}.piece.selected{outline:2px solid #f4d35e;z-index:1}.stop{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.stop:after{content:"";display:block;width:21%;aspect-ratio:1;border-radius:50%;background:#f4d35e}:root{--bg-deep: #121214;--bg-inner: #161618;--ink: #e8e6e1;--ink-dim: #9a9893;--ink-gold: #d4af37;--frame-dark: rgba(0, 0, 0, .4);--r-card: 12px;--r-slot: 6px;--r-pill: 22px;--content-w: min(92vw, 58vh);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .6), inset 0 -1px 0 rgba(255, 255, 255, .03);--shadow-btn: 0 2px 6px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.disclaimer{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}button{touch-action:manipulation}html,body{overscroll-behavior:none;touch-action:manipulation}body{margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 6px);color:var(--ink)}#root{min-height:100vh}