:root{--felt-light:#1f7d47;--felt-dark:#0d4f2c;--bar-bg:#f6f6f4;--bar-fg:#26282b;--bar-muted:#6b6f75;--bar-line:#d9dad7;--notice-bg:#fff4ce;--notice-line:#e6d38f;--accent:#2675bf;--glow:#ffd54f;--dialog-bg:#fff;--hover:#0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bar-bg:#1f2124;--bar-fg:#e8e8e6;--bar-muted:#9a9ea4;--bar-line:#34373b;--notice-bg:#3a3320;--notice-line:#5a4d2a;--accent:#5aa2e6;--dialog-bg:#26282b;--hover:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{height:100dvh;padding-top:env(safe-area-inset-top);background:var(--felt-dark);color:var(--bar-fg);flex-direction:column;display:flex;overflow:hidden}button{font:inherit;color:inherit}.table{background:radial-gradient(ellipse at 50% 25%, var(--felt-light), var(--felt-dark) 85%);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:0;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);isolation:isolate;flex:1;position:relative;overflow:hidden}.status{left:calc(env(safe-area-inset-left) + 10px);bottom:calc(env(safe-area-inset-bottom) + 6px);color:#ffffff8c;pointer-events:none;font-variant-numeric:tabular-nums;font-size:12px;display:none;position:absolute}.slot,.card{width:var(--card-w);height:var(--card-h);position:absolute;top:0;left:0}.slot{border-radius:calc(var(--card-w) * .05);background:#0000001a;border:1.5px solid #fff3}.slot.reserve:not(.used){cursor:pointer}.slot.reserve.used{border-style:dashed}.card{perspective:calc(var(--card-w) * 6);transition:transform var(--move-ms,.24s) cubic-bezier(.2, .7, .3, 1);will-change:transform}.card .inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .32s;position:relative}.card.down .inner{transform:rotateY(180deg)}.card img{border-radius:calc(var(--card-w) * .042);backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 0 0 .5px #0000008c,0 -1px 1.5px #0000002e,0 1px 2px #0000004d}.card .back{transform:rotateY(180deg)}.card:not(.down){cursor:grab}.locked .card{cursor:default}.instant .card,.instant .card .inner{transition:none!important}.card.dragging{cursor:grabbing;transition:none}.card.dragging img{box-shadow:0 0 0 .5px #0000008c,0 8px 18px #00000059}.card.peek{z-index:2000!important}.card.hint img,.slot.hint{box-shadow:0 0 0 3px var(--glow), 0 0 14px 3px #ffd54fa6}.card.drop img,.slot.drop{box-shadow:0 0 0 3px #ffffffd9,0 0 12px 2px #ffffff80}.notice{background:var(--notice-bg);border-bottom:1px solid var(--notice-line);align-items:center;gap:12px;padding:7px 10px 7px 16px;display:flex}.notice[hidden]{display:none}.notice .text{flex:1}.notice .actions{gap:6px;display:flex}.notice button,dialog .buttons button{border:1px solid var(--bar-line);background:var(--dialog-bg);cursor:pointer;border-radius:6px;padding:5px 14px}.bar{padding:3px 12px calc(3px + env(safe-area-inset-bottom));background:var(--bar-bg);border-top:1px solid var(--bar-line);align-items:center;gap:8px;font-size:13.5px;display:flex}.info,.score{white-space:nowrap;color:var(--bar-muted);flex:1}.score{text-align:right;font-variant-numeric:tabular-nums}.tools{align-items:center;gap:2px;display:flex}.tool{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;display:flex}.tool:hover:not(:disabled){background:var(--hover)}.tool:disabled{opacity:.35;cursor:default}.tool span{font-size:13px}.more{position:relative}.menu{background:var(--dialog-bg);border:1px solid var(--bar-line);z-index:10;border-radius:8px;min-width:210px;padding:5px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.menu[hidden]{display:none}.menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:7px 10px;display:block}.menu button:hover:not(:disabled){background:var(--hover)}.menu button:disabled{opacity:.4;cursor:default}.menu hr{border:none;border-top:1px solid var(--bar-line);margin:4px 6px}@media (width<=900px){.tool span{display:none}}@media (width<=560px){.bar{flex-wrap:wrap;row-gap:0}.tools{flex-basis:100%;order:-1;justify-content:space-around}.tool{padding:8px 10px}}@media (orientation:landscape) and (height<=520px){body{grid-template-rows:auto 1fr;grid-template-columns:1fr auto;display:grid}.notice{grid-area:1/1}.table{padding-bottom:env(safe-area-inset-bottom);grid-area:2/1}.bar{grid-area:1/2/3/3}.status{display:block}.bar{padding:4px calc(4px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) 4px;border-top:none;border-left:1px solid var(--bar-line);flex-direction:column;justify-content:center}.info,.score{display:none}.tools{flex-direction:column;gap:0}.tool{padding:7px}.tool span{display:none}.menu{bottom:0;right:calc(100% + 6px)}}dialog{background:var(--dialog-bg);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--bar-fg);border:none;border-radius:12px;padding:20px 22px 16px;line-height:1.45;overflow:auto;box-shadow:0 16px 48px #00000059}dialog::backdrop{background:#00000059}dialog h2{margin:0 0 10px;font-size:19px}dialog h3{margin:18px 0 6px;font-size:15px}dialog .note{color:var(--bar-muted);margin:0 0 8px}dialog ul{padding-left:20px}dialog a{color:var(--accent)}dialog .buttons{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}dialog .buttons .primary{background:var(--accent);border-color:var(--accent);color:#fff}dialog input[type=number]{width:100%;font:inherit;border:1px solid var(--bar-line);background:0 0;border-radius:6px;padding:7px 9px}.levels label{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.levels input{accent-color:var(--accent);margin-top:4px}.backs{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;display:grid}.backs button{aspect-ratio:234/333;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:3px}.backs button:hover{border-color:var(--bar-line)}.backs button[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.backs img{border-radius:4px;width:100%;height:100%;display:block;box-shadow:0 0 0 .5px #00000080}.backs span{color:var(--bar-muted);font-size:11px}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}table.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stats th,.stats td{text-align:right;border-bottom:1px solid var(--bar-line);padding:6px 8px}.stats th:first-child,.stats td:first-child{text-align:left}