:root{--paper:#faf6ef;--paper-deep:#f2ebe0;--ink:#2c2620;--ink-soft:#7a6f62;--line:#e0d6c6;--accent:#c4622d;--good:#4a8a52;--d-earth:#a9743f;--d-water:#2e86c1;--d-air:#8fa6bb;--d-fire:#e2542c;--d-life:#4fa85a;--d-sky:#e2a417;--d-craft:#8e6bb5;--d-place:#cf4a5c;--chip-h:40px;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.4 ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}#bar{border-bottom:1px solid var(--line);background:var(--paper-deep);flex:none;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:17px}.mark{background:repeating-linear-gradient(90deg,#f0b429 0 3px,#0000 3px 6px),repeating-linear-gradient(0deg,#c4622d 0 3px,#0000 3px 6px),#2e86c1;border-radius:5px;width:18px;height:18px}.modes{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2px;display:flex}.modes button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 13px;font-size:13px}.modes button[aria-selected=true]{background:var(--ink);color:var(--paper)}.goal{text-align:right;align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.goal .target{align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.goal .target img{width:26px;height:26px}.goal .stat{color:var(--ink-soft);white-space:nowrap}.goal .stat b{color:var(--ink);font-variant-numeric:tabular-nums}main{flex:1;min-height:0;display:flex}#board{touch-action:none;background:radial-gradient(circle at 1px 1px,#78644621 1px,#0000 0) 0 0/22px 22px;flex:1;position:relative;overflow:hidden}#hint{text-align:center;color:var(--ink-soft);pointer-events:none;margin:0;font-size:14px;transition:opacity .3s;position:absolute;inset:42% 0 auto}#tray{border-left:1px solid var(--line);background:var(--paper-deep);flex-direction:column;flex:none;width:290px;min-height:0;display:flex}.tray-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px;display:flex}#search{min-width:0;font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;flex:1;padding:7px 11px;font-size:14px}#search:focus{outline:2px solid var(--accent);outline-offset:-1px}.count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}#items{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;padding:8px;display:flex;overflow-y:auto}.chip{height:var(--chip-h);background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--domain,var(--line));cursor:grab;user-select:none;white-space:nowrap;border-radius:11px;align-items:center;gap:7px;padding:0 12px 0 7px;font-size:14px;display:inline-flex;box-shadow:0 1px #503c1e0f}.chip:hover{border-color:#cdbfa8}.chip img,.chip .glyph{pointer-events:none;flex:none;width:28px;height:28px}.chip .glyph{background:var(--domain,#bbb);color:#fff;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.chip.new{animation:.32s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.chip.ghost{z-index:200;pointer-events:none;cursor:grabbing;position:fixed;top:0;left:0;box-shadow:0 10px 24px #503c1e47}#items .chip.dragging{opacity:.38}#board .chip{transition:box-shadow .15s;position:absolute;box-shadow:0 2px 6px #503c1e24}#board .chip.held{cursor:grabbing;z-index:50;box-shadow:0 8px 20px #503c1e3d}#board .chip.target{outline:2px solid var(--accent);outline-offset:2px}#board .chip.miss{animation:.3s shake}#board .chip.marked{outline-offset:2px;background:#eef4fa;outline:2px solid #4a7fb0;box-shadow:0 3px 10px #28466e2e}#board .marquee{z-index:60;pointer-events:none;background:#4a7fb01f;border:1px solid #4a7fb0;border-radius:4px;position:absolute}@keyframes shake{25%{transform:translate(-5px)rotate(-2deg)}75%{transform:translate(5px)rotate(2deg)}}.toast{background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;border-radius:11px;align-items:center;gap:9px;max-width:90vw;padding:9px 16px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.toast img{width:24px;height:24px}.toast .blurb{color:#cbbfae;font-size:13px}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:16px;max-width:380px;padding:0}dialog::backdrop{background:#28201670}.done-inner{text-align:center;padding:26px 26px 20px}.done-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px}.done-icon img{width:78px;height:78px;margin:8px 0 2px}.done-inner h2{margin:0 0 4px;font-size:25px}.done-score{color:var(--accent);margin:0 0 14px;font-size:16px;font-weight:600}.done-shape{white-space:pre-wrap;word-break:break-all;margin:0 0 18px;font-family:inherit;font-size:19px;line-height:1.5}.done-actions{flex-direction:column;gap:8px;display:flex}.done-actions button{font:inherit;border:1px solid var(--line);background:var(--paper-deep);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px;font-size:14px}.done-actions .primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}.done-note{color:var(--ink-soft);margin:14px 0 0;font-size:12px;line-height:1.45}#cross-promo{text-align:left;background:#c4622d0f;border:1px dashed #c4622d66;border-radius:12px;flex-direction:column;gap:3px;margin-top:14px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}#cross-promo:hover{border-color:var(--accent);background:#c4622d1f}#cross-promo .promo-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px}#cross-promo .promo-body{color:var(--ink);font-size:13px;line-height:1.4}@media (width<=720px){main{flex-direction:column}#tray{border-left:0;border-top:1px solid var(--line);width:auto;height:44%}#bar{flex-wrap:wrap;gap:10px 12px;padding:8px 12px}.goal{justify-content:space-between;width:100%;margin-left:0}:root{--chip-h:38px}}#board .chip.picked{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 6px 16px #c4622d47}#board .chip:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.goal .again{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:13px}.goal .again:hover{border-color:var(--accent);color:var(--accent)}.bar-btn{min-width:34px;min-height:34px;color:var(--ink-soft);font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #2c262038;border-radius:999px;flex:none;padding:6px 10px;font-size:13px;font-weight:800}.bar-btn:hover{color:var(--ink)}