:root{--sky-2: #fbfefe;--panel: #ffffff;--slot: #cfdfe5;--rim: #d2e3e8;--ink: #14343f;--ink-mid: #5d7c88;--ink-low: #93aeb8;--aqua: #17c0c8;--aqua-dk: #0e9aa2;--mint: #2fd3b8;--sun: #d98f14;--coral: #e8593a;--gap: 10px;--cell: calc((min(92vw, 356px) - var(--gap) * 5) / 4);--gemface: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='t' x1='0' y1='0' x2='0.3' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0.22'/%3E%3Cstop offset='0.6' stop-color='%23fff' stop-opacity='0.03'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='2,2 98,2 78,22 22,22' fill='%23fff' opacity='0.18'/%3E%3Cpolygon points='2,2 22,22 22,78 2,98' fill='%23fff' opacity='0.09'/%3E%3Cpolygon points='98,2 98,98 78,78 78,22' fill='%23000' opacity='0.07'/%3E%3Cpolygon points='2,98 98,98 78,78 22,78' fill='%23000' opacity='0.14'/%3E%3Crect x='22' y='22' width='56' height='56' rx='7' fill='url(%23t)'/%3E%3Cpath d='M13 12 Q26 9 35 14 Q24 18 18 25 Z' fill='%23fff' opacity='0.42'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root{--sky-2: #0b181d;--panel: #162a32;--slot: #1e3a44;--rim: #2a4954;--ink: #eaf6f8;--ink-mid: #9dbac4;--ink-low: #6b8c99}}*{box-sizing:border-box}body{margin:0;background:var(--sky-2);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{min-height:100vh}.art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center top;background-size:cover;opacity:.4;filter:saturate(.6)}.art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 45% at 50% 42%,var(--sky-2) 40%,rgba(255,255,255,0) 100%)}@media(prefers-color-scheme:dark){.art{opacity:.16}.art:after{background:#08161cb3}}.stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px 56px}.brand{display:flex;flex-direction:column;align-items:center;gap:2px}.mark{width:42px;height:42px;filter:drop-shadow(0 6px 12px rgba(23,192,200,.3))}.brand-title{margin:2px 0 0;font-size:26px;font-weight:900;letter-spacing:-.035em}.brand-sub{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.08em;color:var(--ink-low)}.hud{display:flex;gap:8px;width:min(92vw,356px)}.pod{position:relative;flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden;padding:7px 12px 9px;border:1px solid var(--rim);border-radius:14px;background:var(--panel);box-shadow:0 3px 0 var(--rim)}.pod-label{font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-low)}.pod-value{font-size:24px;font-weight:900;line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pod.streak .pod-value{color:var(--sun)}.pod.moves.low .pod-value{color:var(--coral)}.movebar{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--aqua),var(--mint));transition:width .26s ease-out}.pod.moves.low .movebar{background:linear-gradient(90deg,var(--coral),var(--sun))}.queue{display:flex;align-items:center;gap:9px;width:min(92vw,356px);padding:7px 12px;border:1px solid var(--rim);border-radius:12px;background:var(--panel);box-shadow:0 3px 0 var(--rim)}.queue-label{font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-low)}.queue-note{margin-left:auto;font-size:10px;color:var(--ink-low)}.queue-chips{display:flex;align-items:center;gap:5px}.qchip{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.qchip:nth-child(2){opacity:.55;transform:scale(.9)}.qchip:nth-child(3){opacity:.3;transform:scale(.8)}.board{position:relative;width:calc(var(--cell) * 4 + var(--gap) * 5);height:calc(var(--cell) * 4 + var(--gap) * 5);padding:var(--gap);border:1px solid var(--rim);border-radius:22px;background:var(--panel);box-shadow:0 6px 0 var(--rim),0 30px 50px -24px #14343f59;touch-action:none}.board.shake{animation:shake .22s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.slots{position:absolute;inset:var(--gap);display:grid;grid-template-columns:repeat(4,var(--cell));grid-template-rows:repeat(4,var(--cell));gap:var(--gap)}.slot{border-radius:13px;background:var(--slot)}.tiles,.floats{position:absolute;inset:var(--gap)}.floats{pointer-events:none;z-index:5}.tile{position:absolute;display:grid;place-items:center;width:var(--cell);height:var(--cell);border-radius:13px;font-size:29px;font-weight:900;letter-spacing:-.045em;font-variant-numeric:tabular-nums;transition:transform 105ms cubic-bezier(.25,.9,.35,1);will-change:transform;z-index:2}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background-image:var(--gemface);background-size:100% 100%;pointer-events:none}.tile.d3{font-size:25px}.tile.d4{font-size:21px}.l1{background:#f4f9fa;color:#6e8c99;box-shadow:0 4px #d3e1e6}.l2{background:#dbe9ef;color:#46626e;box-shadow:0 4px #b7ccd5}.l3{background:#8ad4ef;color:#06364c;box-shadow:0 4px #5fb6d6}.l4{background:#43b8e2;color:#fff;box-shadow:0 4px #2494bf}.l5{background:#12a6c2;color:#fff;box-shadow:0 4px #0a809a}.l6{background:#0fb39a;color:#fff;box-shadow:0 4px #088b78}.l7{background:#27b968;color:#fff;box-shadow:0 4px #16924e}.l8{background:#6fbb27;color:#fff;box-shadow:0 4px #559316}.l9{background:#d9a814;color:#fff;box-shadow:0 4px #ad840a}.l10{background:#ee8a14;color:#fff;box-shadow:0 4px #c06b08}.l11{background:#ec5f36;color:#fff;box-shadow:0 4px #be4522}.l12,.l13{background:#e13b58;color:#fff;box-shadow:0 4px #b22440}.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12,.l13{text-shadow:0 1px 2px rgba(0,0,0,.28)}.qchip{background-image:var(--gemface);background-size:100% 100%}@keyframes spawnIn{0%{transform:var(--pos) scale(.3);opacity:0}}@keyframes mergeBump{45%{transform:var(--pos) scale(1.18)}}.tile.spawned{animation:spawnIn .17s cubic-bezier(.2,1.4,.5,1)}.tile.merged{animation:mergeBump .21s cubic-bezier(.3,1.5,.5,1);z-index:3}@media(prefers-reduced-motion:reduce){.tile{transition:none;animation:none}.board.shake,.combo,.result{animation:none}}.float{position:absolute;display:grid;place-items:center;width:var(--cell);height:var(--cell);font-size:18px;font-weight:900;color:var(--aqua-dk);text-shadow:0 2px 8px rgba(255,255,255,.9);font-variant-numeric:tabular-nums;animation:floatUp .8s ease-out forwards}@keyframes floatUp{to{transform:translateY(-40px);opacity:0}}.board.picking .tile{cursor:pointer}.tile.pickable{outline:2px solid var(--aqua);outline-offset:1px}.tile.dimmed{opacity:.4}.tile.chosen{outline:4px solid var(--aqua);outline-offset:2px;z-index:3}.tile.target{outline:3px dashed var(--mint);outline-offset:2px}.prompt{position:absolute;left:50%;top:-13px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:var(--ink);color:var(--panel);font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px -6px #14343f99}.prompt-cancel{padding:0;border:0;background:none;color:var(--aqua);font:inherit;font-weight:700;cursor:pointer}.combo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;padding:9px 18px;border-radius:999px;background:var(--ink);color:var(--panel);font-size:15px;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px -8px #14343f99;animation:comboIn .2s cubic-bezier(.2,1.4,.4,1)}@keyframes comboIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;border-radius:22px;background:var(--panel);text-align:center;animation:resultIn .32s cubic-bezier(.2,1.2,.4,1)}@keyframes resultIn{0%{opacity:0;transform:scale(.94)}}.result-tier{width:58px;height:58px}.result-label{font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-low)}.result-score{font-size:42px;font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.result-rank{font-size:13px;font-weight:800;color:var(--aqua-dk)}.result-grid{margin:2px 0;font-family:ui-monospace,Menlo,monospace;font-size:16px;line-height:1.3;letter-spacing:3px}.result-actions{display:flex;gap:8px;margin-top:2px}.btn{padding:11px 20px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:transform 90ms,box-shadow 90ms}.btn:active{transform:translateY(4px)}.btn-go{background:var(--aqua);color:#fff;box-shadow:0 4px 0 var(--aqua-dk)}.btn-go:active{box-shadow:0 0 0 var(--aqua-dk)}.btn-sub{background:var(--slot);color:var(--ink-mid);box-shadow:0 4px 0 var(--rim)}.btn-sub:active{box-shadow:0 0 0 var(--rim)}.dock{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:min(92vw,356px)}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px 8px;border:1px solid var(--rim);border-radius:14px;background:var(--panel);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 4px 0 var(--rim);transition:transform 90ms,box-shadow 90ms,border-color .12s}.item:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--rim)}.item:disabled{opacity:.38;cursor:not-allowed}.item.armed{border-color:var(--aqua);box-shadow:0 4px 0 var(--aqua-dk)}.item img{display:block;width:32px;height:32px}.badge{position:absolute;top:-6px;right:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--aqua);color:#fff;font-size:10px;font-weight:900}.item:disabled .badge{background:var(--ink-low)}.fairness{width:min(92vw,356px);margin:0;text-align:center;font-size:11px;line-height:1.7;color:var(--ink-mid)}.ranks{width:min(92vw,356px);padding:14px 16px;border:1px solid var(--rim);border-radius:14px;background:var(--panel);box-shadow:0 3px 0 var(--rim)}.ranks h2{margin:0 0 8px;font-size:13px;font-weight:900}.ranks ol{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.ranks li{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;font-size:13px}.ranks li.mine{background:var(--slot);font-weight:800}.ranks-note{margin:0;padding:6px 8px;font-size:12px;color:var(--ink-mid)}.ranks-me{margin-top:8px;padding-top:8px;border-top:1px dashed var(--rim)}.rank-no{width:22px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--ink-low);font-variant-numeric:tabular-nums}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{font-weight:800;font-variant-numeric:tabular-nums}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#0a1e2673}.sheet-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(100%,340px);padding:24px 22px;border-radius:20px;background:var(--panel);text-align:center;box-shadow:0 30px 60px -24px #0a1e2699}.sheet-card h2{margin:0;font-size:20px;font-weight:900;letter-spacing:-.02em}.sheet-card ul{margin:0;padding:0 0 0 18px;text-align:left;font-size:13px;line-height:1.7;color:var(--ink-mid)}.sheet-card .btn{width:100%;margin-top:6px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:40;padding:9px 17px;border-radius:999px;background:var(--ink);color:var(--panel);font-size:13px;font-weight:700}.modes{position:relative;z-index:2;display:flex;gap:4px;width:min(92vw,356px);margin:14px auto 0;padding:4px;border:1px solid var(--rim);border-radius:12px;background:var(--panel)}.modes button{flex:1;padding:8px 0;border:0;border-radius:9px;background:none;color:var(--ink-mid);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.modes button.on{background:var(--ink);color:var(--sky-2)}.arena{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0 32px}.arena-note{margin:24px auto;color:var(--ink-mid);font-size:13px;text-align:center}.arena-fail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0}.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:min(92vw,356px);padding:10px 12px;border:1px solid var(--rim);border-radius:14px;background:var(--panel);box-shadow:0 3px 0 var(--rim)}.vs-side{display:flex;flex-direction:column;gap:2px;min-width:0;opacity:.55}.vs-side.right{align-items:flex-end;text-align:right}.vs-side.ahead{opacity:1}.vs-who{display:flex;align-items:center;gap:4px;overflow:hidden;color:var(--ink-mid);font-size:11px;font-weight:700;white-space:nowrap}.vs-score{font-size:20px;font-variant-numeric:tabular-nums}.bot-badge{padding:1px 5px;border-radius:5px;background:var(--slot);color:var(--ink-mid);font-size:10px;font-style:normal;font-weight:800}.vs-gap{display:flex;flex-direction:column;align-items:center;gap:1px;font-variant-numeric:tabular-nums}.vs-gap span{font-size:15px;font-weight:900}.vs-gap span.up{color:var(--mint)}.vs-gap span.down{color:var(--coral)}.vs-gap small{color:var(--ink-low);font-size:10px}.ghost-board{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:108px;padding:5px;border:1px solid var(--rim);border-radius:9px;background:var(--panel)}.gcell{aspect-ratio:1;border-radius:4px;background:var(--slot)}.verdict{margin:6px 0 2px;font-size:26px}.verdict.win{color:var(--mint)}.verdict.loss{color:var(--coral)}.arena-scores{margin:0;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}.arena-rating,.arena-record{margin:4px 0 0;color:var(--ink-mid);font-size:13px}.arena-rating em{font-style:normal;font-weight:800}.arena-rating em.up{color:var(--mint)}.arena-rating em.down{color:var(--coral)}