:root{--bg:#101b20;--panel:#19272c;--line:#33464a;--lime:#d6ef92;--text:#f3f4eb;--muted:#a6bab8;--mint:#86d3be;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#203a3544,transparent 55%)}button,input,select{font:inherit}button,select,.import-label{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#213238;color:var(--text);padding:10px 14px}button,.import-label{cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#32484b}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.primary{background:var(--lime);border-color:var(--lime);color:#17271c;font-weight:750}.primary:hover:not(:disabled){background:#e4ffac}a{color:var(--lime)}main{max-width:1120px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.logo-mark{width:42px;height:42px;border-radius:12px;background:var(--lime);color:#17271c;display:grid;place-items:center;font-size:24px;font-weight:800}.logo b{font-size:21px;letter-spacing:-.6px;display:block}.logo small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:2px}.header-actions{display:flex;gap:7px;font-size:12px}.header-actions b{color:var(--lime)}.headline{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:42px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}h1{font-size:clamp(32px,4.5vw,50px);letter-spacing:-2px;margin:10px 0;line-height:1.15}.headline p{font-size:13px;color:var(--muted)}.edition{border-left:1px solid var(--line);padding-left:28px;min-width:180px}.edition b{font-size:36px;color:var(--lime);display:block;letter-spacing:-1px}.edition span{font-size:12px}.edition small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.game-panel{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:20px}.scorebar{display:flex;justify-content:space-between;align-items:center;padding:0 4px 14px}.scorebar small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.scorebar strong{font-size:34px;line-height:1.3;letter-spacing:-1px;font-variant-numeric:tabular-nums}.scorebar strong span{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:3px}.clock{text-align:center}.best{text-align:right}.best strong{font-size:23px;color:var(--lime)}.clock.urgent{color:#ffb48f}.progress-track{height:3px;border-radius:8px;background:#304346;overflow:hidden}.progress-track>div{background:var(--lime);width:0;height:100%;transition:width .2s}#board-wrap{position:relative;aspect-ratio:1;border:1px solid #536b61;border-radius:12px;overflow:hidden;margin-top:10px;background:#0c171b}#board{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#board:active{cursor:grabbing}#start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#1c3428e8,#0c171bf7);padding:18px}#start-overlay h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px;line-height:1.18;margin:20px 0 12px}#start-overlay p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}.stamp{font-size:9px;letter-spacing:2px;color:var(--lime);border:1px solid #64764d;padding:7px 13px;border-radius:20px}#start-overlay .primary{min-width:220px}#start-overlay small{font-size:9px;color:var(--muted);margin-top:8px}.quiet{border:0;background:transparent;font-size:12px;margin-top:5px}#flash{position:absolute;top:42%;left:0;right:0;pointer-events:none;opacity:0;text-align:center;color:var(--lime);font-size:34px;font-weight:900;text-shadow:0 2px 18px #000}#flash.pop{animation:pop .65s ease-out}#combo{position:absolute;top:14px;right:12px;pointer-events:none;background:#d6ef921a;color:var(--lime);border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;opacity:0}#combo.active{opacity:1}#status{font-size:12px;color:var(--muted);min-height:45px;padding:8px 0;display:flex;align-items:center}.controls{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:8px}.under-controls{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:6px}.under-controls button{background:transparent;border:0;font-size:11px;padding:8px}.under-controls>span{font-size:9px;color:var(--muted)}.piece-panel{border:1px solid #4d6250;background:linear-gradient(150deg,#293b2e,#1a2c29);padding:20px;border-radius:18px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.piece-panel svg{width:100%;height:140px;filter:drop-shadow(0 7px 14px #0005);margin:14px 0}.piece-panel h2{font-size:23px;letter-spacing:-.5px;margin:6px 0;overflow-wrap:anywhere}.piece-panel #piece-other{font-size:12px;color:var(--muted);margin:0}.piece-meta{display:flex;justify-content:space-between;border-top:1px solid #425844;padding-top:14px;margin-top:20px;font-size:9px;color:var(--muted)}.hint{font-size:11px;line-height:1.75;color:var(--muted)}.tag{font-size:9px;font-weight:800;letter-spacing:.6px;color:var(--lime);white-space:nowrap}.journey-panel{padding:16px 2px;border-bottom:1px solid var(--line)}h3{font-size:13px;font-weight:650}.journey-panel .section-top span{font-size:11px;color:var(--lime)}.journey-panel p{font-size:11px;color:var(--muted)}.text-button{background:none;border:0;padding:4px 0;color:var(--lime);font-size:11px}.records .section-top>span{font-size:9px;letter-spacing:2px;color:var(--muted)}ol{padding:0;list-style:none}li.record{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}li.record span{color:var(--muted)}li.empty{font-size:12px;color:var(--muted)}.keyboard-hint{font-size:10px;color:var(--muted);line-height:1.8}footer{margin-top:30px;border-top:1px solid var(--line);padding:16px 0;color:var(--muted);font-size:10px}footer>div{display:flex;justify-content:space-between;align-items:center;gap:16px}footer span{font-size:9px;letter-spacing:1.5px}dialog{color:var(--text);background:var(--panel);border:1px solid #536b61;border-radius:20px;width:calc(100% - 24px);max-width:490px;max-height:92dvh;padding:24px;overscroll-behavior:contain}dialog::backdrop{background:#051014dc;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head button{font-size:25px;background:none;border:0;padding:4px 10px}.dialog-head h2{font-size:24px;margin:8px 0}#result-title{font-size:15px;color:var(--muted);font-weight:500;margin-top:12px}.result-rank{font-size:28px;font-weight:800;letter-spacing:-.8px}.result-score{color:var(--lime);font-size:78px;font-weight:850;letter-spacing:-4px;line-height:1.1;margin:12px 0}.result-score small{font-size:25px;margin-left:7px;letter-spacing:0}#result-sub{font-size:12px;color:var(--muted)}#result-board{width:100%;max-height:250px;object-fit:contain;background:#0c171b;border-radius:12px;border:1px solid var(--line)}#reward{padding:13px;margin-top:14px;border:1px solid #4a5b41;background:#253528;border-radius:10px;font-size:12px;line-height:1.7}#reward.foil{background:linear-gradient(115deg,#374b50,#423651,#3f5134);border-color:#bdb5e8}#result-discoveries{font-size:12px;color:var(--mint);margin:14px 0}label:not(.switch):not(.import-label){display:block;font-size:12px;color:var(--muted);margin:14px 0 7px}input[type=text],input:not([type]),input[type=search],#image-format{width:100%;padding:12px;background:#101d22;border:1px solid var(--line);border-radius:9px;color:var(--text);min-width:0}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.result-actions button{font-size:12px}.result-actions .primary,#result-atlas{grid-column:1/-1}#share-x{background:var(--text);color:var(--bg)}#collection{max-width:900px}#collection-summary{font-size:14px;color:var(--lime)}.atlas-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin:20px 0 12px}.atlas-filters input,.atlas-filters select{font-size:12px;min-width:0;width:100%}#pref-progress{font-size:11px;color:var(--muted);margin:12px 0}#collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{text-align:left;padding:12px;min-width:0;background:#243730;border-color:#425a49;border-radius:12px;transition:transform .15s}.card:hover{transform:translateY(-2px)}.card svg{width:100%;height:80px;display:block}.card h3{font-size:13px;margin:8px 0 4px;overflow-wrap:anywhere}.card small{display:block;font-size:10px;color:var(--muted);line-height:1.6}.card.locked{background:#19272c;border-style:dashed;color:#99aaa6}.card.locked svg{opacity:.18}.card.foil{background:linear-gradient(130deg,#284855,#44324d,#334a30);border-color:#ada0cf}.card .tag{display:block;font-size:8px;margin-bottom:5px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0;font-size:12px}.pagination button{font-size:12px}.backup{border-top:1px solid var(--line);padding-top:16px;font-size:11px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.backup button,.import-label{font-size:11px}.import-label{display:inline-flex;align-items:center}.import-label input{display:none}#backup-status{flex-basis:100%;color:var(--muted)}#detail-shape{width:100%;height:240px;background:radial-gradient(#34503d,#17292a);border:1px solid var(--line);border-radius:16px}#detail-name{font-size:28px;margin:8px 0}#detail-pref,#detail-other{font-size:13px;color:var(--muted)}#detail-stats{font-size:12px;line-height:1.9;margin:18px 0}#detail-map{font-size:13px}.switch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;font-size:14px}.switch input{width:22px;height:22px;accent-color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime);min-height:40px}#about p{font-size:12px;line-height:1.9}#about h3{font-size:16px;margin-top:22px}.playing .headline{display:none}.playing .game-layout{margin-top:18px}.no-motion *{animation:none!important;transition:none!important}@keyframes pop{0%{opacity:1;transform:translateY(10px) scale(.8)}35%{opacity:1;transform:translateY(-6px) scale(1.08)}100%{opacity:0;transform:translateY(-34px)}}@media(max-width:760px){main{padding:16px}.logo b{font-size:18px}.logo-mark{width:36px;height:36px;font-size:22px}.logo small{font-size:6px}.header-actions{gap:4px;font-size:10px}.header-actions button,.header-actions select{padding:8px;min-height:40px}.headline{margin:28px 0 20px}.headline h1{font-size:34px}.headline p{font-size:12px;line-height:1.7}.edition{display:none}.game-layout{grid-template-columns:1fr;gap:16px}.game-panel{padding:12px}.scorebar strong{font-size:30px}.best strong{font-size:22px}aside{display:grid;grid-template-columns:1fr;gap:10px}.piece-panel{padding:15px;display:grid;grid-template-columns:80px 1fr;gap:0 14px}.piece-panel .section-top{grid-column:1/-1}.piece-panel svg{grid-column:1;grid-row:2/5;height:95px;margin:4px 0}.piece-panel #piece-pref{grid-column:2;font-size:9px;margin:12px 0 0}.piece-panel h2{grid-column:2;font-size:20px;margin:4px 0}.piece-panel #piece-other{grid-column:2;font-size:11px}.piece-meta{grid-column:1/-1;margin-top:10px;padding-top:10px}.piece-panel .hint{display:none}.keyboard-hint{display:none}.playing main{padding-top:8px}.playing .game-layout{margin-top:10px}.playing .game-panel{padding:8px}.playing #board-wrap{max-width:min(100%,58dvh);margin:8px auto 0}.playing .scorebar{padding-bottom:6px}.playing .scorebar strong{font-size:27px}.playing #status{min-height:37px;font-size:11px}.under-controls>span{font-size:8px}.atlas-filters{grid-template-columns:1fr 1fr}.atlas-filters input{grid-column:1/-1}#collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:18px}.dialog-head h2{font-size:20px}footer>div{align-items:start}footer span{max-width:100px;line-height:1.7}.card h3{font-size:12px}}@media(max-width:390px){.logo-mark{display:none}.header-actions{font-size:9px}#start-overlay h2{font-size:28px;margin:12px 0}#start-overlay p{font-size:11px;margin-bottom:12px}#start-overlay small{font-size:8px}#start-overlay .stamp{display:none}.quiet{font-size:11px;padding:8px}#start-overlay .primary{min-width:180px;font-size:13px}.controls button{font-size:12px}.under-controls button{padding:5px}.under-controls>span{font-size:7px}.headline h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:760px){#result{padding:16px}#result .dialog-head{min-height:30px}#result-title{margin:6px 0;font-size:12px}.result-rank{font-size:24px}.result-score{font-size:62px;margin:7px 0}#result-sub{font-size:11px;margin:7px 0}#result-board{max-height:155px}#reward{margin-top:8px;padding:9px;font-size:11px}#result-discoveries{margin:9px 0;font-size:11px}.result-actions{margin-top:10px;gap:6px}.result-actions button{min-height:40px;padding:8px;font-size:11px}}

@media(min-width:761px){#board-wrap{max-width:560px;margin-left:auto;margin-right:auto}.playing #board-wrap{max-width:min(100%,61dvh)}}