.bbfx-paint{width:var(--tile);height:var(--tile);z-index:1}.bbfx-capture,.bbfx-explosion{width:calc(var(--tile) * 1.7);height:calc(var(--tile) * 1.7);z-index:3}.bbfx-p{position:absolute;left:50%;top:50%;width:calc(var(--tile) * var(--sz));height:calc(var(--tile) * var(--sz));margin:calc(var(--tile) * var(--sz) / -2);animation:bbfx-fly var(--dur) ease-out var(--delay) both}@keyframes bbfx-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(calc(var(--dx) * var(--tile)),calc(var(--dy) * var(--tile))) rotate(var(--rot)) scale(.2);opacity:0}}.bbfx-arcw{position:absolute;left:50%;top:50%;animation:bbfx-arc-x var(--dur) linear var(--delay) both}@keyframes bbfx-arc-x{to{transform:translate(calc(var(--ax) * var(--tile)))}}.bbfx-p.arc{left:0;top:0;animation:bbfx-arc-y var(--dur) ease-in var(--delay) both}@keyframes bbfx-arc-y{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}35%{transform:translateY(calc(var(--ay) * var(--tile))) rotate(calc(var(--rot) / 2)) scale(1);opacity:1}to{transform:translateY(calc(var(--fy) * var(--tile))) rotate(var(--rot)) scale(.3);opacity:0}}.bbfx-p.spark{border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--accent) 55%,transparent 78%)}.bbfx-p.star{background:var(--accent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.bbfx-p.shard{background:linear-gradient(var(--tile-red),#ff9d42);border-radius:1px}.bbfx-p.droplet{border-radius:50%;background:var(--c)}.bbfx-p.smoke{border-radius:50%;background:radial-gradient(circle,rgba(90,84,80,.55) 0%,rgba(60,56,54,.35) 55%,transparent 78%);animation-name:bbfx-smoke;animation-timing-function:ease-out}@keyframes bbfx-smoke{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:.9}to{transform:translate(calc(var(--dx) * var(--tile)),calc(var(--dy) * var(--tile))) scale(1.8);opacity:0}}.bbfx-p.ember{border-radius:50%;background:radial-gradient(circle,#ffd682 0%,#ff7a3c 60%,transparent 80%)}.bbfx-rays{position:absolute;top:0;right:0;bottom:0;left:0}.bbfx-ray{position:absolute;left:50%;top:50%;width:calc(var(--tile) * .08);height:calc(var(--tile) * .9 * var(--len));margin-left:calc(var(--tile) * -.04);transform-origin:50% 0%;background:linear-gradient(to bottom,rgba(255,255,255,.95),var(--accent) 40%,transparent);clip-path:polygon(50% 0%,100% 12%,50% 100%,0% 12%);animation:bbfx-ray var(--dur) ease-out var(--delay) both}@keyframes bbfx-ray{0%{transform:rotate(var(--rot)) scaleY(.15);opacity:1}to{transform:rotate(var(--rot)) scaleY(1.3);opacity:0}}.bbfx-ring{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:2px solid var(--accent);animation:bbfx-ring .55s ease-out both}.bbfx-ring.r2{animation-delay:.12s}.bbfx-ring.burst{top:10%;right:10%;bottom:10%;left:10%;border-width:3px;border-color:#fff;animation:bbfx-ring-burst .42s ease-out .04s both}@keyframes bbfx-ring-burst{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes bbfx-ring{0%{transform:scale(.15);opacity:.9}to{transform:scale(1.5);opacity:0}}.bbfx-plus{position:absolute;left:50%;top:30%;transform:translate(-50%);font-family:var(--font-mono);font-weight:600;font-size:calc(var(--tile) * .34);color:var(--accent);animation:bbfx-plus .6s cubic-bezier(.22,1.3,.36,1) .08s both}@keyframes bbfx-plus{0%{transform:translate(-50%,20%) scale(.6);opacity:0}25%{opacity:1}60%{transform:translate(-50%,-80%) scale(1.15);opacity:1}to{transform:translate(-50%,-130%) scale(1);opacity:0}}.bbfx-explosion .bbfx-ring{border-color:var(--tile-red);animation-duration:.6s}.bbfx-fireball{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,214,130,.95) 22%,rgba(240,82,76,.6) 48%,transparent 72%);animation:bbfx-fireball .6s ease-out forwards}@keyframes bbfx-fireball{0%{transform:scale(.15);opacity:1}30%{transform:scale(1.05);opacity:1}to{transform:scale(1.8);opacity:0}}.bbfx-fail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.bbfx-vignette{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);background:radial-gradient(ellipse at center,transparent 55%,rgba(240,82,76,.55) 100%);animation:bbfx-vignette .6s ease-out forwards}@keyframes bbfx-vignette{0%{opacity:0}30%{opacity:1}to{opacity:0}}.bbfx-bloom{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c);animation:bbfx-bloom .42s ease-out forwards}@keyframes bbfx-bloom{0%{transform:scale(0);border-radius:50%}to{transform:scale(1);border-radius:var(--r-sm)}}.bbfx-splash{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:2px solid var(--c);animation:bbfx-ring .46s ease-out both}.bbfx-win{--tile: 12vmin;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;overflow:hidden;pointer-events:none}.bbfx-winglow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,color-mix(in srgb,var(--accent) 60%,transparent) 100%);animation:bbfx-vignette 1.05s ease-out forwards}.bbfx-c{position:absolute;top:calc(var(--tile) * -.3);left:calc(var(--fx) * 100%);width:calc(var(--tile) * var(--sz));height:calc(var(--tile) * var(--sz));color:var(--accent);animation:bbfx-confetti var(--dur) ease-in var(--delay) both}.bbfx-c svg{width:100%;height:100%;display:block}.bbfx-c.spark{border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--accent) 55%,transparent 78%)}.bbfx-c.streamer{width:calc(var(--tile) * var(--sz) * .28);height:calc(var(--tile) * var(--sz) * 1.6);border-radius:2px;background:linear-gradient(to bottom,#fff,var(--accent) 45%,color-mix(in srgb,var(--accent) 55%,transparent))}@keyframes bbfx-confetti{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate(calc(var(--sway) * var(--tile)),115vh) rotate(var(--rot));opacity:1}}.bbfx-fw{position:absolute;left:calc(var(--fx) * 100%);top:calc(var(--fy) * 100%);animation:bbfx-fw-in .18s ease-out var(--fwd) both}.bbfx-fw .bbfx-arcw,.bbfx-fw .bbfx-p{animation-delay:calc(var(--fwd) + var(--delay))}@keyframes bbfx-fw-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.bb-trail{width:calc(var(--tile) * .34);height:calc(var(--tile) * .34);z-index:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 65%,transparent) 0%,transparent 70%);transition:transform calc(var(--step) * 1.5) linear;opacity:.34}.bb-trail.t2{width:calc(var(--tile) * .27);height:calc(var(--tile) * .27);transition-duration:calc(var(--step) * 2);opacity:.22}.bb-trail.t3{width:calc(var(--tile) * .2);height:calc(var(--tile) * .2);transition-duration:calc(var(--step) * 2.5);opacity:.14}.bb-trail.t4{width:calc(var(--tile) * .14);height:calc(var(--tile) * .14);transition-duration:calc(var(--step) * 3);opacity:.08}.bb-flame{position:absolute;left:50%;top:96%;width:26%;height:42%;margin-left:-13%;border-radius:50% 50% 60% 60%;background:radial-gradient(ellipse at 50% 20%,#fff 0%,var(--accent) 45%,rgba(255,122,60,.5) 75%,transparent 100%);opacity:0;transition:opacity .25s ease-out}.bb-sprites.playing .bb-flame{opacity:.75}@keyframes bbfx-shake{0%,to{transform:translate(0)}15%{transform:translate(6px,-4px)}30%{transform:translate(-6px,4px)}45%{transform:translate(5px,2px)}60%{transform:translate(-4px,-3px)}75%{transform:translate(3px,2px)}90%{transform:translate(-2px,-1px)}}.board-stage.shake{animation:bbfx-shake .45s linear}@media(prefers-reduced-motion:reduce){.bbfx-capture,.bbfx-explosion,.bbfx-paint,.bbfx-win,.bbfx-fail,.bb-trail,.bb-flame{display:none}.board-stage.shake{animation:none}}.board-wrap{display:flex;flex-direction:column;gap:var(--s4)}.board-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--s6) 0}.game-board{position:relative;z-index:1;width:calc(var(--cols) * var(--tile) + (var(--cols) - 1) * var(--gap));max-width:100%;height:calc(var(--rows) * var(--tile) + (var(--rows) - 1) * var(--gap))}.bb-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:var(--r-lg);background:var(--board-bg)}.bb-bg img,.bb-bg video,.bb-bg-img{width:100%;height:100%;object-fit:cover}.bb-starfield{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,#8893a5 50%,transparent),radial-gradient(1px 1px at 70% 60%,#8893a5 50%,transparent),radial-gradient(1px 1px at 45% 80%,#6b7280 50%,transparent),radial-gradient(1.5px 1.5px at 85% 25%,#9aa3b2 50%,transparent)}.bb-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;gap:var(--gap)}.bb-cell{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px #ffffff0d}.bb-cell.red{background:var(--tile-red)}.bb-cell.green{background:var(--tile-green)}.bb-cell.blue{background:var(--tile-blue)}.bb-cell.void{background:transparent;box-shadow:none}.bb-sprites{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.bb-sprite{position:absolute;left:0;top:0;--pos-x: calc(var(--x) * (var(--tile) + var(--gap)) + var(--tile) / 2 - 50%);--pos-y: calc(var(--y) * (var(--tile) + var(--gap)) + var(--tile) / 2 - 50%);transform:translate(var(--pos-x),var(--pos-y))}.bb-star{width:calc(var(--tile) * .6);height:calc(var(--tile) * .6);color:var(--accent);transition:opacity var(--dur-short) ease-out,transform var(--dur-short) ease-out}.bb-star:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 50%,transparent) 0%,transparent 70%)}.bb-star.gone{opacity:0;transform:translate(var(--pos-x),var(--pos-y)) scale(2.05)}.bb-ship{width:calc(var(--tile) * .72);height:calc(var(--tile) * .72);z-index:2;transition:transform var(--step) linear}.bb-ship .rot{width:100%;height:100%;transform:rotate(var(--deg, 0deg));transition:transform var(--turn) ease-out}.bb-ship svg,.bb-star svg,.bb-ship img,.bb-star img{width:100%;height:100%;display:block;object-fit:contain}.bb-ship svg,.bb-ship img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.bb-ship.exploded{opacity:0;transition:opacity var(--dur-short) ease-in}@keyframes tile-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-16%) scale(1.16)}55%{transform:translateY(0) scale(.93)}78%{transform:translateY(-7%) scale(1.05)}}@keyframes tile-rain{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(16deg);opacity:0}}@keyframes sprite-fall{0%{transform:translate(var(--pos-x),var(--pos-y)) rotate(0);opacity:1}to{transform:translate(var(--pos-x),calc(var(--pos-y) + 110vh)) rotate(20deg);opacity:0}}.bb-grid.win .bb-cell:not(.void){animation:tile-bounce .5s ease 2}.bb-grid.fail .bb-cell:not(.void){animation:tile-rain .95s ease-in forwards}.bb-sprites.fail .bb-star{animation:sprite-fall .95s ease-in forwards}@media(prefers-reduced-motion:reduce){.bb-grid.win .bb-cell,.bb-grid.fail .bb-cell,.bb-sprites.fail .bb-star{animation:none}}.transport{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.t-ico{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);cursor:pointer}.t-ico:hover:not(:disabled){border-color:var(--accent)}.t-ico:disabled{opacity:.4;cursor:default}.t-ico.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.t-ico svg{width:22px;height:22px}.t-speed{display:flex;align-items:center;gap:var(--s2)}.t-speed input{accent-color:var(--accent)}.t-spdv{font-family:var(--font-mono);font-size:12px;color:var(--muted);min-width:26px}.board-status{font-family:var(--font-mono);font-size:13px;min-height:1.4em}.board-status .win{color:var(--tile-green)}.board-status .fail{color:var(--tile-red)}.board-status .scores{color:var(--muted)}.board-status .records{color:var(--accent);margin-left:var(--s2);font-family:var(--font-mono);font-size:12px}.tut-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.tut-band,.tut-veil-full{position:fixed;background:#0000008c;pointer-events:auto}.tut-veil-full{top:0;right:0;bottom:0;left:0}.tut-halo{position:fixed;border:2px solid var(--accent);border-radius:8px;pointer-events:none;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.tut-hole-block{position:fixed;pointer-events:auto;background:transparent}.tut-halo.err{animation:tut-pulse .3s ease 2}@keyframes tut-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.tut-halo.err{animation:none}}.tut-bubble{position:fixed;z-index:101;pointer-events:auto;max-width:280px;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);font-family:var(--font-body);font-size:14px;line-height:1.45;background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:var(--r-md);box-shadow:0 8px 28px #00000059}.tut-bubble p{margin:0}.tut-bubble-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.tut-progress{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.tut-compris{background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--r-sm);padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer}.tut-bubble.defi{border-width:2px;box-shadow:0 8px 28px #00000059,0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.tut-defi-badge{align-self:flex-start;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink)}.game-screen{display:flex;flex-direction:column;gap:var(--s4);width:100%;container-type:inline-size}.board-area{position:relative;width:100%}.game-screen.fit .board-stage{padding:var(--gap)}.hints{position:relative;z-index:5}.hints-fab{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;border:1px solid var(--hair);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);border-radius:999px;padding:6px 12px;cursor:pointer;box-shadow:0 2px 8px #0000002e}.hints-fab:hover{border-color:var(--accent)}.hints-fab svg{width:18px;height:18px;color:var(--accent)}.hints-fab-count{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.share-fab{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;border:1px solid var(--hair);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);border-radius:999px;padding:6px 12px;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:border-color .12s ease,color .12s ease}.share-fab:hover{border-color:var(--accent)}.share-fab svg{width:18px;height:18px;color:var(--accent)}.share-fab-label{font-size:12px;color:var(--muted)}.share-fab.copied{border-color:var(--tile-green);color:var(--tile-green)}.share-fab.copied svg,.share-fab.copied .share-fab-label{color:var(--tile-green)}.hints-pop{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,78vw);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:0 10px 30px #00000047;padding:var(--s3);transform-origin:top right;animation:hint-pop-in .12s ease-out}.hints-pop:before{content:"";position:absolute;top:-6px;right:18px;width:10px;height:10px;background:var(--surface);border-left:1px solid var(--hair);border-top:1px solid var(--hair);transform:rotate(45deg)}.hints.menu-right .hints-pop{right:auto;left:0;transform-origin:top left}.hints.menu-right .hints-pop:before{right:auto;left:18px}@keyframes hint-pop-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.hints-pop{animation:none}}.hints-pop-title{margin:0 0 var(--s2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.hints-pop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.hint-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--hair);border-radius:var(--r-md);background:var(--elev);font-size:14px}.hint-num{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;border-radius:999px;background:var(--surface);border:1px solid var(--hair);color:var(--muted)}.hint-row.revealed .hint-num{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.hint-text{color:var(--text)}.hint-row.next{border-color:var(--accent);border-style:dashed}.hint-reveal{flex:1;text-align:left;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--accent);background:none;border:none;padding:0;cursor:pointer}.hint-reveal:disabled{cursor:default;color:var(--muted)}.hint-row.locked{opacity:.55}.hint-locked{color:var(--muted);font-style:italic}.transport-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s3)}.tb-queue{flex:1;min-width:0}.tb-queue .queue{flex-wrap:nowrap;overflow-x:auto;padding:3px;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}.tb-queue .queue::-webkit-scrollbar{height:4px}.tb-queue .queue::-webkit-scrollbar-track{background:transparent}.tb-queue .queue::-webkit-scrollbar-thumb{background:var(--hair);border-radius:999px}.tb-queue .queue::-webkit-scrollbar-thumb:hover{background:var(--muted)}.tb-controls{display:flex;align-items:center;gap:var(--s3)}.panels{width:100%;display:flex;gap:var(--s4);align-items:stretch}@media(max-width:680px){.transport-bar{flex-direction:column;align-items:stretch;gap:var(--s2)}.tb-controls{justify-content:space-between}.panels{flex-direction:column}}.panel{flex:1 1 0;min-width:0;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s4)}.ed-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.record-review{font-family:var(--font-body);font-size:13px;border:1px solid var(--hair);background:var(--surface);color:var(--text);border-radius:var(--r-md);padding:6px 10px;cursor:pointer}.record-review:hover{border-color:var(--accent)}.creator-records{color:var(--muted)}.records-forfeit{color:var(--tile-red);font-size:13px}.diff-proposal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s4);padding:var(--s3) var(--s4);border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface);font-size:14px}.diff-proposal-label{font-weight:600}.diff-proposal-pick{display:inline-flex;align-items:center;gap:var(--s2)}.diff-proposal-pick select{border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);padding:4px 8px}.diff-proposal-msg{color:var(--accent)}.ed-rows{display:flex;flex-direction:column;gap:var(--s2)}.guard-square{display:block;width:22px;height:22px;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff26}.ins-call{font-family:var(--font-mono);font-weight:700;font-size:14px}.palette{display:flex;gap:var(--s6);flex-wrap:wrap}.pal-col{display:flex;flex-direction:column;gap:var(--s2)}.pal-row{display:flex;gap:var(--s2)}.pal-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);cursor:pointer}.pal-btn:hover:not(:disabled){border-color:var(--accent)}.pal-btn:disabled,.pal-btn.locked{opacity:.35;cursor:not-allowed}.pal-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.pal-btn svg{width:22px;height:22px}.editor{display:flex;flex-direction:column;gap:var(--s2)}.ed-row{display:flex;align-items:center;gap:var(--s2)}.ed-flabel{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--accent);width:26px}.ed-slot{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;overflow:hidden;border:1px solid var(--hair);background:var(--bg);color:var(--text);border-radius:var(--r-sm);cursor:pointer}.ed-slot:hover{border-color:var(--accent)}.ed-slot.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.ed-slot.guarded{color:#fff;border-color:transparent}.ed-slot svg{width:22px;height:22px}.ed-actions{margin-left:auto;display:flex;gap:var(--s2)}.ed-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;border:1px solid var(--hair);background:var(--surface);color:var(--muted);border-radius:var(--r-md);cursor:pointer}.ed-btn.danger{color:var(--tile-red);margin-left:var(--s2)}.ed-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.ed-btn.danger:hover:not(:disabled){border-color:var(--tile-red);color:var(--tile-red)}.ed-btn:disabled{opacity:.4;cursor:default}@media(pointer:coarse){.ed-btn{width:44px;height:44px}}.queue{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:38px}.queue.empty{color:var(--muted);font-family:var(--font-mono)}.q-cell{position:relative;flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-sm)}.q-cell.now{box-shadow:inset 0 0 0 2px var(--accent);border-color:var(--accent)}.q-cell.guarded{color:#fff;border-color:transparent}.q-cell svg{width:18px;height:18px}.q-cell .ins-call{font-size:13px}.ed-slot.pop svg,.ed-slot.pop .ins-call{animation:ed-slot-pop .2s ease-out}@keyframes ed-slot-pop{0%{transform:scale(.4);opacity:.4}}@media(prefers-reduced-motion:reduce){.ed-slot.pop svg,.ed-slot.pop .ins-call{animation:none}}.topbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.topbar.side-right{flex-direction:row-reverse}.tb-menu-wrap{position:relative;flex:none}.tb-burger{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);cursor:pointer}.tb-burger:hover{border-color:var(--accent)}.tb-burger svg{width:22px;height:22px}.tb-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:10;min-width:200px;display:flex;flex-direction:column;gap:4px;padding:var(--s2);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:0 8px 24px #00000040}.tb-app{font-family:var(--font-display);font-weight:700;font-size:14px;padding:4px 8px;color:var(--muted)}.tb-menu-item{text-align:left;font-family:var(--font-body);font-size:14px;border:0;background:transparent;color:var(--text);border-radius:var(--r-sm);padding:8px;cursor:pointer}.tb-menu-item:hover{background:var(--elev)}.tb-view-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;flex:1;min-width:0}.tb-hint-slot{flex:none;display:flex;align-items:center;gap:var(--s2)}.comm-tb-nav{display:flex;gap:var(--s2);flex:none}.comm-tb-info{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.comm-tb-title{font-family:var(--font-display);font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-tb-author{align-self:flex-start;border:0;background:transparent;padding:0;font-family:var(--font-mono);font-size:12px;color:var(--accent);cursor:pointer}.comm-tb-author:hover{text-decoration:underline}.comm-tb-desc{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.comm-topbar,.comm-topbar.side-right{flex-wrap:wrap;flex-direction:row;gap:var(--s2)}.comm-topbar .comm-tb-info{min-width:60%}.comm-topbar .comm-votes{margin-left:auto}}.tb-levels{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}.tb-levels::-webkit-scrollbar{height:4px}.tb-levels::-webkit-scrollbar-track{background:transparent}.tb-levels::-webkit-scrollbar-thumb{background:var(--hair);border-radius:999px}.tb-levels::-webkit-scrollbar-thumb:hover{background:var(--muted)}.tb-chip{flex:none;font-family:var(--font-mono);font-size:13px;font-weight:600;padding:8px 12px;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);cursor:pointer}.tb-chip:hover:not(:disabled){border-color:var(--accent)}.tb-chip.current{background:var(--accent);color:var(--accent-ink);border-color:transparent}.tb-chip.completed{border-color:color-mix(in srgb,var(--accent) 55%,var(--hair));color:var(--accent)}.tb-chip.locked,.tb-chip:disabled{opacity:.4;cursor:not-allowed}.staff-actions{display:flex;align-items:center;gap:var(--s2, 8px);flex-wrap:wrap;margin-top:8px;padding:8px 12px;border:1px dashed color-mix(in srgb,#e5484d 45%,var(--hair));border-radius:var(--r-md);background:color-mix(in srgb,#e5484d 6%,transparent)}.staff-actions-lbl{font-weight:600;font-size:12px;opacity:.8;margin-right:auto}.db-btn.danger{color:#e5484d;border-color:color-mix(in srgb,#e5484d 45%,var(--hair))}.db-btn.danger:hover:not(:disabled){background:#e5484d;border-color:#e5484d;color:#fff}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .25s ease}.drawer{position:absolute;top:0;left:0;height:100%;width:min(320px,86vw);transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);background:var(--surface);border-right:1px solid var(--hair);box-shadow:0 0 40px #0000004d}.drawer-root.open{pointer-events:auto}.drawer-root.open .drawer-backdrop{opacity:1}.drawer-root.open .drawer{transform:translate(0)}.drawer-root.side-right .drawer{left:auto;right:0;transform:translate(100%);border-right:0;border-left:1px solid var(--hair)}.drawer-root.side-right.open .drawer{transform:translate(0)}.drawer-root.dragging{pointer-events:auto}.drawer-root.dragging .drawer-backdrop{transition:none;opacity:var(--drag, 0)}.drawer-root.dragging .drawer{transition:none;transform:translate(calc((var(--drag, 0) - 1) * 100%))}.drawer-root.dragging.side-right .drawer{transform:translate(calc((1 - var(--drag, 0)) * 100%))}@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}.drawer-title{font-family:var(--font-display);font-weight:800;font-size:18px}.drawer-close{width:36px;height:36px;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);cursor:pointer}.drawer-close:hover{border-color:var(--accent)}.drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-item{text-align:left;font-family:var(--font-body);font-size:15px;border:0;border-left:3px solid transparent;background:transparent;color:var(--text);border-radius:var(--r-md);padding:10px 12px;cursor:pointer}.drawer-item:hover{background:var(--elev)}.drawer-item.active{background:var(--elev);border-left-color:var(--accent);color:var(--accent);font-weight:600}.drawer-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--hair)}.drawer-foot-top{display:flex;align-items:center;gap:var(--s2)}.drawer-foot-top .drawer-item{flex:1}.drawer-login{font-family:var(--font-body);font-weight:600;font-size:14px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--r-md);padding:10px;cursor:pointer}.view-placeholder{min-height:320px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--font-display);font-size:18px;background:var(--surface);border:1px dashed var(--hair);border-radius:var(--r-lg)}.drawer-item{display:flex;align-items:center;gap:8px}.drawer-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;line-height:20px;text-align:center}.tester-mode{margin:var(--s4) 0}.tester-mode h3{margin:0 0 var(--s2);font-size:15px}.tester-mode-note{font-size:13px;color:var(--muted);margin:0 0 var(--s3);line-height:1.5}.tester-switch{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);padding:8px 12px;cursor:pointer;font-family:var(--font-body);font-size:14px}.tester-switch:hover{border-color:var(--accent)}.tester-switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:var(--hair);transition:background .15s ease}.tester-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);transition:transform .15s ease}.tester-switch.on .tester-switch-track{background:var(--accent)}.tester-switch.on .tester-switch-knob{transform:translate(16px)}@media(prefers-reduced-motion:reduce){.tester-switch-track,.tester-switch-knob{transition:none}}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:var(--s3) 0}.switch-row-label{font-size:14px}.switch-row-note{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.5}.settings{display:flex;flex-direction:column;gap:var(--s4);width:100%}.set-sec{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.set-sec h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:15px}.set-note{margin:0;color:var(--muted);font-size:13px}.set-row{display:flex;align-items:center;justify-content:space-between}.set-btn,.set-choice{font-family:var(--font-mono);font-size:13px;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);padding:8px 12px;cursor:pointer}.set-btn:hover,.set-choice:hover{border-color:var(--accent)}.set-choices{display:flex;gap:var(--s2)}.set-choice.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--s3)}.skin-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s2);border:1px solid var(--hair);background:var(--elev);border-radius:var(--r-md);cursor:pointer}.skin-opt:hover{border-color:var(--accent)}.skin-opt.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.skin-thumb{width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--r-sm);background:var(--board-bg)}.skin-thumb img{width:100%;height:100%;object-fit:cover}.set-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--hair)}.set-note.ok{color:var(--accent)}.set-note.err{color:#e5484d}.set-actions{display:flex;gap:var(--s2)}.set-actions .set-btn.danger{flex:1;text-align:center}@media(max-width:680px){.set-actions{flex-direction:column}}.set-btn.danger{color:#e5484d;border-color:color-mix(in srgb,#e5484d 45%,var(--hair))}.set-btn.danger:hover{background:#e5484d;border-color:#e5484d;color:#fff}.skin-space{width:100%;height:100%;background-color:var(--board-bg);background-image:radial-gradient(1px 1px at 30% 35%,#8893a5 50%,transparent),radial-gradient(1px 1px at 70% 60%,#8893a5 50%,transparent),radial-gradient(1.5px 1.5px at 50% 80%,#9aa3b2 50%,transparent)}.skin-svg{width:72%;height:72%;display:flex;align-items:center;justify-content:center}.skin-svg svg{width:100%;height:100%}.skin-svg.star{color:var(--accent)}.skin-label{font-size:11px;color:var(--muted);text-align:center}.wp-node.pop{animation:wpfx-pop .36s cubic-bezier(.2,.8,.2,1.15) calc(var(--ci) * 24ms) both}@keyframes wpfx-pop{0%{opacity:0;transform:var(--wp-place) scale(.4)}to{opacity:var(--wp-o, 1);transform:var(--wp-place) scale(1)}}.wp-node.wiggle{animation:wpfx-pop .36s cubic-bezier(.2,.8,.2,1.15) calc(var(--ci) * 24ms) both,wpfx-wiggle .3s ease-in-out}@keyframes wpfx-wiggle{0%,to{transform:var(--wp-place) rotate(0)}25%{transform:var(--wp-place) rotate(-8deg)}55%{transform:var(--wp-place) rotate(6deg)}80%{transform:var(--wp-place) rotate(-3deg)}}.wp-node.done:after{content:"✦";position:absolute;top:-7px;right:-5px;font-size:12px;color:var(--accent);opacity:0;animation:wpfx-twinkle 7s linear infinite;animation-delay:calc(var(--tw) * 1s)}@keyframes wpfx-twinkle{0%,88%,to{opacity:0;transform:scale(.6) rotate(0)}92%{opacity:1;transform:scale(1.15) rotate(40deg)}96%{opacity:.4;transform:scale(.8) rotate(70deg)}}.wp-halo{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;border:2px solid var(--accent);pointer-events:none;opacity:0;--wp-place: translate(calc(var(--nx) - 26px), calc(var(--ny) - 26px));animation:wpfx-halo 1.8s ease-out infinite;z-index:1}@keyframes wpfx-halo{0%{opacity:.55;transform:var(--wp-place) scale(1)}to{opacity:0;transform:var(--wp-place) scale(1.7)}}.wp-stars{position:absolute;top:-260px;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 30% 35%,rgba(255,255,255,.4),transparent 60%) 0 0 / 240px 260px repeat;animation:wpfx-drift 40s linear infinite}@keyframes wpfx-drift{0%{transform:translateY(0)}to{transform:translateY(260px)}}.wp-rocket{position:absolute;left:0;top:0;width:40px;height:40px;pointer-events:none;z-index:3}.wp-rocket.flying{transition:offset-distance .45s linear}.wp-rocket-inner{width:100%;height:100%;animation:wpfx-bob 2.4s ease-in-out infinite alternate}.wp-rocket.flying .wp-rocket-inner{animation:none}.wp-rocket-inner img,.wp-rocket-inner svg{width:100%;height:100%;display:block}@keyframes wpfx-bob{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.wp-flame{position:absolute;left:50%;bottom:-8px;width:10px;height:14px;margin-left:-5px;border-radius:50%;background:radial-gradient(closest-side,var(--accent),transparent 70%);animation:wpfx-flame .64s ease-in-out infinite alternate}@keyframes wpfx-flame{0%{opacity:.55;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1.15)}}.wp-rocket.flying .wp-flame{transform-origin:50% 0;animation:wpfx-thrust .12s ease-in-out infinite alternate}@keyframes wpfx-thrust{0%{opacity:.85;transform:scaleY(1.9) scaleX(1.35)}to{opacity:1;transform:scaleY(2.6) scaleX(1.6)}}.wp-trail-dot{position:absolute;left:0;top:0;width:calc(var(--td) * 3px + 2px);height:calc(var(--td) * 3px + 2px);border-radius:50%;background:radial-gradient(closest-side,var(--accent),transparent 72%);opacity:0;transition:offset-distance .45s linear,opacity .24s ease;pointer-events:none;z-index:2}.wp-trail-dot.on{opacity:calc(.2 + var(--td) * .16)}.wp-burst{position:absolute;left:0;top:0;transform:translate(var(--bx),var(--by));pointer-events:none;z-index:4;--tile: 1px}.wpfx-ring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:3px solid #fff;opacity:0;animation:wpfx-ring .38s ease-out both}@keyframes wpfx-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.wpfx-ring.gold{border-color:var(--accent);animation-duration:.34s;animation-delay:60ms}.wp-node.unlock{animation:wpfx-pop .36s cubic-bezier(.2,.8,.2,1.15) calc(var(--ci) * 24ms) both,wpfx-unlock .6s cubic-bezier(.2,.8,.2,1.15) both}@keyframes wpfx-unlock{0%{opacity:.5;transform:var(--wp-place) scale(1) rotate(0)}35%{opacity:1;transform:var(--wp-place) scale(1.45) rotate(-10deg)}65%{opacity:1;transform:var(--wp-place) scale(.94) rotate(6deg)}to{opacity:var(--wp-o, 1);transform:var(--wp-place) scale(1) rotate(0)}}.wp-unlock{position:absolute;left:0;top:0;transform:translate(var(--ux),var(--uy));pointer-events:none;z-index:4;--tile: 1px}.wpfx-unlock-ring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:3px solid #fff;opacity:0;animation:wpfx-ring .42s ease-out both}.wpfx-unlock-ring.gold{border-color:var(--accent);animation-duration:.38s;animation-delay:80ms}.wp-sweep-ring{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;border:3px solid var(--accent);opacity:0;pointer-events:none;z-index:4;--sw-place: translate(calc(var(--sx) - 26px), calc(var(--sy) - 26px));animation:wpfx-sweep .45s ease-out calc(var(--si) * 70ms) both}@keyframes wpfx-sweep{0%{opacity:.9;transform:var(--sw-place) scale(.4)}60%{opacity:.5;transform:var(--sw-place) scale(1.5)}to{opacity:0;transform:var(--sw-place) scale(2.1)}}.wp-done-card{animation:wpfx-done-in .26s cubic-bezier(.2,.8,.2,1.15) both}@keyframes wpfx-done-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.wp-halo,.wp-stars,.wp-burst,.wp-flame,.wp-trail-dot,.wp-unlock,.wp-sweep-ring{display:none}.wp-node.pop,.wp-node.wiggle,.wp-node.unlock,.wp-rocket-inner,.wp-done-card{animation:none}.wp-node.done:after{animation:none;opacity:.8}.wp-rocket.flying{transition:none}}.world-path{display:flex;flex-direction:column;gap:var(--s3)}.wp-track{position:relative;width:100%;overflow:hidden;border:1px solid var(--hair);border-radius:var(--r-lg);background-color:var(--board-bg);background-size:cover;background-position:center}.wp-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 18% 4%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 62% 9%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.5px 1.5px at 84% 2%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 38% 14%,rgba(255,255,255,.4),transparent 60%),linear-gradient(to bottom,color-mix(in srgb,var(--void) 88%,transparent),transparent 42%)}.wp-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wp-trail-ahead{fill:none;stroke:color-mix(in srgb,var(--text) 35%,transparent);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 10}.wp-trail-glow{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round;opacity:.25}.wp-trail-done{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round}.wp-node{position:absolute;left:0;top:0;width:52px;height:52px;--wp-place: translate(calc(var(--nx) - 26px), calc(var(--ny) - 26px));transform:var(--wp-place);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:16px;border:2px solid var(--hair);background:var(--elev);color:var(--text);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:2}.wp-node:hover{border-color:var(--accent)}.wp-node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wp-node.done{background:color-mix(in srgb,var(--accent) 30%,var(--elev));border-color:var(--accent);color:var(--accent)}.wp-node.current{background:var(--accent);color:var(--accent-ink);border-color:transparent}.wp-node.frontier{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),0 2px 8px #0000004d}.wp-node.locked{--wp-o: .5;opacity:.5;cursor:not-allowed}.wp-node.locked:hover{border-color:var(--hair)}.wp-node.prelock{--wp-o: .5;opacity:.5}.wp-done-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:#0000008c}.wp-done-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:0 12px 40px #00000059;text-align:center}.wp-done-title{margin:0;font-family:var(--font-display);font-size:22px}.wp-done-sub{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.wp-done-actions{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2)}.mondes{display:flex;flex-direction:column;gap:var(--s4);width:100%}.mondes-tabs{display:flex;gap:var(--s2)}.mondes-tab{flex:1;text-align:center;font-family:var(--font-body);font-weight:600;font-size:14px;border:1px solid var(--hair);background:var(--surface);color:var(--muted);border-radius:var(--r-md);padding:8px 16px;cursor:pointer}.mondes-tab:hover{border-color:var(--accent)}.mondes-tab.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.world-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}.world-tile{position:relative;overflow:hidden;border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface);min-height:180px;display:flex;flex-direction:column;justify-content:flex-end}.world-tile.clickable{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.world-tile.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.world-tile.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.world-tile.clickable{transition:none}.world-tile.clickable:hover{transform:none}}.world-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--board-bg);background-size:cover;background-position:center;opacity:.5}.world-tile-body{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);background:linear-gradient(transparent,color-mix(in srgb,var(--surface) 85%,transparent) 40%)}.world-tile-body h3{margin:0;font-family:var(--font-display);font-weight:800;font-size:18px}.world-desc{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.world-gauge{position:relative;height:18px;border-radius:999px;background:var(--bg);border:1px solid var(--hair);overflow:hidden}.world-gauge-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);transition:width .3s ease}.world-gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text);mix-blend-mode:difference}.world-play{align-self:flex-start;margin-top:var(--s1);font-family:var(--font-body);font-weight:600;font-size:14px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--r-md);padding:8px 18px;cursor:pointer}.community{display:flex;flex-direction:column;gap:var(--s3)}.comm-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.comm-sort{display:flex;gap:var(--s2)}.comm-search{flex:1;min-width:160px;max-width:320px;margin-left:auto;font-family:var(--font-body);font-size:13px;background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text);padding:8px 12px}.comm-search:focus{outline:none;border-color:var(--accent)}.comm-sort button{font-family:var(--font-body);font-size:13px;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);padding:8px 14px;cursor:pointer}.comm-sort button.on{border-color:var(--accent);color:var(--accent)}.comm-follow-filter{margin-left:var(--s3)}.comm-empty{padding:var(--s6);text-align:center;color:var(--muted);font-size:14px;background:var(--surface);border:1px dashed var(--hair);border-radius:var(--r-lg)}.comm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}.comm-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s3);border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface);padding:var(--s4)}.comm-card-body{display:flex;flex-direction:column;gap:var(--s2)}.comm-card-body h3{margin:0;display:flex;align-items:center;gap:var(--s2);font-family:var(--font-display);font-weight:800;font-size:16px}.comm-done{color:var(--tile-green);font-size:14px}.comm-meta{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.comm-author{align-self:flex-start;border:0;background:transparent;padding:0;font-family:var(--font-mono);font-size:11px;color:var(--accent);cursor:pointer}.comm-author:hover{text-decoration:underline}.comm-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.comm-votes{display:flex;align-items:center;gap:var(--s1)}.comm-vote{width:28px;height:28px;border:1px solid var(--hair);background:var(--elev);color:var(--muted);border-radius:var(--r-sm);cursor:pointer;line-height:1}.comm-vote:hover{border-color:var(--accent);color:var(--text)}.comm-vote.on.up{color:var(--tile-green);border-color:var(--tile-green)}.comm-vote.on.down{color:var(--tile-red);border-color:var(--tile-red)}.comm-vote-cta{border:1px solid var(--hair);background:transparent;color:var(--muted);border-radius:var(--r-sm);padding:6px 10px;font-family:var(--font-body);font-size:12px;cursor:pointer}.comm-vote-cta:hover{border-color:var(--accent);color:var(--text)}.comm-score{font-family:var(--font-mono);font-weight:700;font-size:14px;min-width:24px;text-align:center}.world-tile.locked{opacity:.6}.world-play:disabled{opacity:.5;cursor:not-allowed}.daily{display:flex;flex-direction:column;gap:var(--s4)}.daily-cal{border:1px solid var(--hair);background:var(--surface);border-radius:var(--r-lg);padding:var(--s4);max-width:420px;align-self:center;width:100%}.daily-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}.daily-month{font-family:var(--font-display);font-weight:700;text-transform:capitalize}.daily-nav{border:1px solid var(--hair);background:transparent;color:inherit;border-radius:var(--r-md);width:32px;height:32px;font-size:18px;cursor:pointer}.daily-nav:hover{border-color:var(--accent)}.daily-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.daily-wd{text-align:center;font-size:11px;color:var(--muted);padding-bottom:2px}.daily-cell{aspect-ratio:1;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:var(--r-md);font-size:13px;cursor:default;position:relative}.daily-cell.off{visibility:hidden}.daily-cell.has,.daily-cell.partial,.daily-cell.full{color:inherit;border-color:var(--hair);cursor:pointer}.daily-cell.has:hover,.daily-cell.partial:hover,.daily-cell.full:hover{border-color:var(--accent)}.daily-cell.has:after,.daily-cell.partial:after,.daily-cell.full:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:3px;width:5px;height:5px;border-radius:50%;border:1px solid var(--accent)}.daily-cell.partial:after{background:color-mix(in srgb,var(--accent) 50%,transparent)}.daily-cell.full:after{background:var(--accent)}.daily-cell.today{font-weight:700}.daily-cell.sel{background:var(--accent);color:var(--accent-ink);border-color:transparent}.daily-cell.sel:after{border-color:var(--accent-ink)}.daily-day-title{margin:0;font-family:var(--font-display)}.daily-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}.daily-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s2);border:1px solid var(--hair);border-left:3px solid var(--muted);background:var(--surface);border-radius:var(--r-lg);padding:var(--s4)}.daily-card.easy{border-left-color:#3fb96f}.daily-card.medium{border-left-color:#d9a13b}.daily-card.hard{border-left-color:#d95c5c}.daily-diff{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.daily-card h3{margin:4px 0 0}.home{display:flex;flex-direction:column;gap:var(--s8);animation:home-in var(--dur-medium) ease-out both}@keyframes home-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home{animation:none}}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s3);padding:var(--s8) var(--s4)}.home-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:40px;letter-spacing:-.02em}.home-tagline{margin:0;color:var(--muted);font-size:16px}.home-cta{margin-top:var(--s2);font-family:var(--font-body);font-weight:600;font-size:16px;padding:12px 28px;border:0;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:filter var(--dur-micro) ease-out}.home-cta:hover{filter:brightness(1.05)}.home-stats{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.home-auth{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}.home-auth-btn{font-family:var(--font-body);font-weight:600;font-size:14px;padding:10px 20px;border:1px solid var(--hair);background:var(--surface);color:var(--text);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-micro) ease-out}.home-auth-btn:hover{border-color:var(--accent)}.home-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.home-card{display:flex;flex-direction:column;gap:var(--s1);text-align:left;padding:var(--s4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--dur-micro) ease-out,transform var(--dur-micro) ease-out}.home-card:hover{border-color:var(--accent);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.home-card:hover{transform:none}}.home-card-title{font-family:var(--font-display);font-weight:700;font-size:18px}.home-card-sub{color:var(--muted);font-size:13px}@media(max-width:560px){.home-cards{grid-template-columns:1fr}.home-title{font-size:30px}}.home-logo{width:96px;height:96px;border-radius:var(--r-lg, 16px);image-rendering:auto;margin-bottom:calc(-1 * var(--s2))}.create{display:flex;flex-direction:column;gap:var(--s6);width:100%;container-type:inline-size}.create-section{display:flex;flex-direction:column;gap:var(--s3)}.create-section>h3{margin:0;font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--text)}.draft-bar{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:flex-end;justify-content:space-between;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s4)}.db-meta{display:flex;flex-direction:column;gap:var(--s2);flex:1 1 240px;min-width:0}.db-title,.db-desc{font-family:var(--font-body);background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text);padding:8px 12px}.db-title{font-weight:700;font-size:16px}.db-desc{font-size:13px}.db-title:focus,.db-desc:focus{outline:none;border-color:var(--accent)}.db-actions{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.db-load,.db-btn{font-family:var(--font-body);font-weight:600;font-size:13px;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);padding:8px 14px;cursor:pointer}.db-btn:hover:not(:disabled){border-color:var(--accent)}.db-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.db-btn:disabled{opacity:.45;cursor:not-allowed}.board-editor{display:flex;flex-direction:column;gap:var(--s4);align-items:center;container-type:inline-size}.be-toolbar{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:center}.be-dirs{display:flex;align-items:center;gap:var(--s1)}.be-dir,.be-tool{font-family:var(--font-mono);border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-sm);min-width:30px;height:32px;cursor:pointer}.be-tools{display:flex;gap:var(--s1)}.be-tool{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}.be-tool.on,.be-dir.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.be-dir{width:32px;font-weight:700}.be-swatch{display:block;width:20px;height:20px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff26}.be-ico{width:22px;height:22px;display:inline-flex}.be-ico svg{width:100%;height:100%}.be-ico.star{color:var(--accent)}.be-resize{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-items:center;justify-content:center;gap:var(--s2)}.be-side-top{grid-column:2;grid-row:1}.be-side-left{grid-column:1;grid-row:2}.be-grid-cell{grid-column:2;grid-row:2}.be-side-right{grid-column:3;grid-row:2}.be-side-bottom{grid-column:2;grid-row:3}.be-side{display:flex;gap:var(--s1)}.be-side-left,.be-side-right{flex-direction:column}.be-side button{font-family:var(--font-mono);font-weight:700;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-sm);width:30px;height:30px;cursor:pointer}.be-side button:hover:not(:disabled){border-color:var(--accent)}.be-side button:disabled{opacity:.35;cursor:not-allowed}.be-grid-wrap{display:flex;justify-content:center}.be-grid{display:grid;gap:calc(var(--ce-tile) * .12);padding:var(--s2);background:var(--board-bg);border:1px solid var(--hair);border-radius:var(--r-md)}.be-cell{position:relative;width:var(--ce-tile);height:var(--ce-tile);border:0;border-radius:3px;cursor:pointer;padding:0}.be-cell.red{background:var(--tile-red)}.be-cell.green{background:var(--tile-green)}.be-cell.blue{background:var(--tile-blue)}.be-cell.void{background:var(--void);box-shadow:inset 0 0 0 1px var(--hair)}.be-cell:hover{box-shadow:inset 0 0 0 2px var(--accent)}.be-cell-star,.be-cell-ship{position:absolute;top:14%;right:14%;bottom:14%;left:14%;display:flex;pointer-events:none}.be-cell-star{color:var(--accent)}.be-cell-ship{color:var(--text);transform:rotate(var(--deg))}.be-cell-star svg,.be-cell-ship svg{width:100%;height:100%}.pal-btn.off{opacity:.4;cursor:pointer}.pal-btn.off:hover{opacity:.7;border-color:var(--accent)}.fns{display:flex;flex-direction:column;gap:var(--s3)}.fns-rows{display:flex;flex-direction:column;gap:var(--s2)}.fns-row{display:flex;align-items:center;gap:var(--s2)}.fns-lbl{font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--accent);width:26px}.fns-step{display:flex;align-items:center;gap:var(--s1);border:1px solid var(--hair);border-radius:var(--r-md);padding:2px 6px;background:var(--elev)}.fns-step button{border:0;background:var(--surface);color:var(--text);border-radius:var(--r-sm);width:26px;height:26px;cursor:pointer;font-weight:700}.fns-step button:disabled{opacity:.35;cursor:not-allowed}.fns-val{font-family:var(--font-mono);font-weight:700;min-width:18px;text-align:center}.fns-unit{font-size:12px;color:var(--muted)}.fns-del{margin-left:auto;border:1px solid var(--hair);background:var(--surface);color:var(--muted);border-radius:var(--r-sm);width:26px;height:26px;cursor:pointer}.fns-del:hover{border-color:var(--tile-red);color:var(--text)}.fns-add{align-self:flex-start;font-family:var(--font-body);font-weight:600;font-size:13px;border:1px dashed var(--hair);background:transparent;color:var(--text);border-radius:var(--r-md);padding:8px 14px;cursor:pointer}.fns-add:hover{border-color:var(--accent);color:var(--accent)}.create-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);padding-top:var(--s2);border-top:1px solid var(--hair)}.create-badge{font-family:var(--font-body);font-weight:700;font-size:14px}.create-badge.ok{color:var(--tile-green)}.create-hint{font-size:13px;color:var(--muted)}.validation{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s4)}.val-badge{font-family:var(--font-body);font-weight:700;font-size:14px}.val-badge.ok{color:var(--tile-green)}.val-badge.bad{color:var(--tile-red)}.val-list{margin:var(--s3) 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--s1);color:var(--muted);font-size:13px}.val-list code{font-family:var(--font-mono);color:var(--tile-red)}.val-hint{margin:var(--s2) 0 0;color:var(--muted);font-size:13px}.migrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:#0000008c}.migrate-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:0 12px 40px #00000059}.migrate-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:20px}.migrate-note{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.migrate-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.migrate-col{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);background:var(--elev);border:1px solid var(--hair);border-radius:var(--r-md)}.migrate-col h4{margin:0;font-family:var(--font-display);font-size:14px}.migrate-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted)}.migrate-row b{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums}.migrate-col .db-btn{margin-top:auto}.migrate-col .db-btn small{font-weight:400;opacity:.85}@media(max-width:480px){.migrate-cols{grid-template-columns:1fr}}.profile{display:flex;flex-direction:column;gap:var(--s4);width:100%}.profile-note{margin:0;color:var(--text);font-size:14px}.profile-note.muted{color:var(--muted);font-size:13px}.profile-head{display:flex;align-items:center;gap:var(--s4)}.profile-cta{margin-left:auto}.pseudo-edit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.pseudo-input{font-family:var(--font-mono);padding:8px 10px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--elev);color:var(--text)}.profile-avatar{font-size:48px;line-height:1;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.profile-name{margin:0;font-family:var(--font-mono);font-weight:700;font-size:20px}.profile-name-row{display:flex;align-items:center;gap:var(--s2)}.pseudo-pencil{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--elev);color:var(--muted);cursor:pointer}.pseudo-pencil:hover{border-color:var(--accent);color:var(--text)}.pseudo-pencil svg{width:15px;height:15px}.profile-guest{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 8px}.avatar-picker{display:flex;flex-wrap:wrap;gap:var(--s2)}.avatar-opt{font-size:24px;width:44px;height:44px;border:1px solid var(--hair);background:var(--elev);border-radius:var(--r-md);cursor:pointer}.avatar-opt:hover{border-color:var(--accent)}.avatar-opt.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--s2)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.stat-val{font-family:var(--font-mono);font-weight:800;font-size:22px;color:var(--accent)}.stat-lbl{font-size:11px;color:var(--muted);text-align:center}.profile-email{display:block;margin-top:4px;font-size:13px;color:var(--muted);font-family:var(--font-mono)}.auth-card{width:100%;display:flex;flex-direction:column;gap:var(--s4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s6)}.auth-tabs{display:flex;gap:var(--s2)}.auth-tabs button{flex:1;font-family:var(--font-body);font-size:14px;font-weight:700;border:1px solid var(--hair);background:var(--bg);color:var(--muted);border-radius:var(--r-md);padding:10px 12px;cursor:pointer}.auth-tabs button:hover{border-color:var(--accent)}.auth-tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.auth-form{display:flex;flex-direction:column;gap:var(--s2);width:100%}.auth-link{align-self:flex-start;background:none;border:0;padding:0;font-family:var(--font-body);font-size:13px;color:var(--muted);cursor:pointer}.auth-link:hover{color:var(--accent);text-decoration:underline}.auth-input{font-family:var(--font-body);font-size:14px;background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text);padding:10px 12px}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-otp{display:flex;gap:var(--s2)}.auth-otp .auth-input{flex:1;letter-spacing:.3em;text-align:center}.auth-msg{margin:0;font-size:13px}.auth-msg.err{color:var(--tile-red)}.auth-msg.ok{color:var(--tile-green)}.my-levels{display:flex;flex-direction:column;gap:var(--s2)}.my-levels h4{margin:0;font-size:13px;color:var(--muted)}.my-row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md)}.my-title{flex:1;min-width:80px;font-weight:600}.my-status{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;border:1px solid var(--hair)}.my-score{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent);border:1px solid var(--hair);border-radius:999px;padding:2px 8px}.my-status.public{color:var(--muted)}.my-status.pending{color:var(--accent)}.my-status.approved{color:var(--tile-green);border-color:var(--tile-green)}.my-status.rejected{color:var(--tile-red);border-color:var(--tile-red)}.my-reason{font-size:12px;color:var(--muted);flex-basis:100%}.social{display:flex;flex-direction:column;gap:var(--s4);width:100%;animation:social-fade var(--dur-medium) ease-out}@keyframes social-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.social{animation:none}}.social-empty{align-items:flex-start;gap:var(--s3)}.social-primary,.social-copy{font-family:var(--font-body);font-weight:700;cursor:pointer;border-radius:var(--r-md)}.social-primary{font-size:14px;padding:10px 16px;border:0;background:var(--accent);color:var(--accent-ink)}.social-primary:hover{filter:brightness(1.05)}.social-share{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.social-share-body{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.social-share-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.social-copy{font-size:13px;padding:8px 12px;border:1px solid var(--hair);background:var(--elev);color:var(--text)}.social-copy:hover{border-color:var(--accent)}.social-grid{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:var(--s4);align-items:start}@media(max-width:560px){.social-grid{grid-template-columns:1fr}}.social-lists{display:flex;flex-direction:column;gap:var(--s3);min-width:0}.social-summary,.social-list{display:flex;flex-direction:column;gap:var(--s2)}.social-row{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);transition:border-color var(--dur-micro) ease-out}.social-row:hover{border-color:var(--accent)}.social-row-open{display:flex;align-items:center;gap:var(--s3);flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;font-family:var(--font-body);color:var(--text)}.social-row-follow{flex:none;font-family:var(--font-body);font-weight:700;font-size:12px;padding:6px 12px;border:0;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);cursor:pointer}.social-row-follow:hover{filter:brightness(1.05)}.social-row-follow:disabled{opacity:.55;cursor:default;filter:none}.social-row-follow.on{background:transparent;border:1px solid var(--hair);color:var(--muted)}.social-row-follow.on:hover{border-color:var(--tile-red);color:var(--tile-red);filter:none}.social-row-avatar{font-size:24px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--elev);border:1px solid var(--hair);border-radius:var(--r-md);flex:none}.social-row-name{font-family:var(--font-mono);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-follow{margin-left:auto;flex:none;font-family:var(--font-body);font-weight:700;font-size:14px;padding:10px 16px;border:0;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);cursor:pointer}.social-follow:hover{filter:brightness(1.05)}.social-follow.on{background:transparent;border:1px solid var(--hair);color:var(--muted)}.social-follow.on:hover{border-color:var(--tile-red);color:var(--tile-red);filter:none}.social-follow-cta{margin-left:auto;flex:none;border:1px solid var(--hair);background:transparent;color:var(--muted);border-radius:var(--r-md);padding:8px 12px;font-family:var(--font-body);font-size:13px;cursor:pointer}.social-follow-cta:hover{border-color:var(--accent);color:var(--text)}.social-search{width:100%;font-family:var(--font-body);font-size:14px;background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text);padding:10px 12px}.social-search:focus{outline:none;border-color:var(--accent)}.social-find{display:flex;flex-direction:column;gap:var(--s2)}.social-find-label{font-size:13px;font-weight:600;color:var(--muted)}.social-share{position:relative}.social-toast{position:absolute;top:var(--s3);right:var(--s3);font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:4px 10px;box-shadow:0 2px 8px #00000040;animation:social-toast-in var(--dur-short) ease-out}@keyframes social-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.social-toast{animation:none}}.notif-list{display:flex;flex-direction:column;gap:var(--s2, 8px)}.notif-row{display:flex;align-items:center;gap:var(--s3, 12px);padding:var(--s2, 8px) var(--s3, 12px);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md)}.notif-row.unread{border-color:color-mix(in srgb,var(--accent) 55%,var(--hair));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.notif-kind{flex:none;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid var(--hair);white-space:nowrap}.notif-kind.level_approved{color:#2e9e5b;border-color:color-mix(in srgb,#2e9e5b 45%,var(--hair))}.notif-kind.level_rejected,.notif-kind.level_deleted{color:#e5484d;border-color:color-mix(in srgb,#e5484d 45%,var(--hair))}.notif-kind.level_unpublished{color:#d9822b;border-color:color-mix(in srgb,#d9822b 45%,var(--hair))}.notif-kind.follow{color:#2e9e5b;border-color:color-mix(in srgb,#2e9e5b 45%,var(--hair))}.notif-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-reason{font-size:13px;color:var(--muted)}.notif-date{flex:none;font-size:12px;color:var(--muted)}button.notif-row{width:100%;font-family:inherit;color:var(--text);text-align:left;cursor:pointer}button.notif-row:hover{border-color:var(--accent)}.notif-toasts{position:fixed;top:16px;right:16px;z-index:9000;display:flex;flex-direction:column;gap:10px;width:min(360px,92vw);pointer-events:none}.notif-toast{pointer-events:auto;display:flex;align-items:stretch;gap:4px;background:var(--surface);border:1px solid var(--hair);border-left:4px solid var(--muted);border-radius:var(--r-md);box-shadow:0 8px 24px #00000047;animation:notif-toast-in .16s ease-out}@keyframes notif-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.notif-toast{animation:none}}.notif-toast.red{border-left-color:#e5484d}.notif-toast.yellow{border-left-color:#d9822b}.notif-toast.green{border-left-color:#2e9e5b}.notif-toast-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:none;border:0;color:var(--text);text-align:left;padding:10px 12px;cursor:pointer;font-family:inherit}.notif-toast-kind{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.notif-toast.red .notif-toast-kind{color:#e5484d}.notif-toast.yellow .notif-toast-kind{color:#d9822b}.notif-toast.green .notif-toast-kind{color:#2e9e5b}.notif-toast-msg{font-weight:600}.notif-toast-body{font-size:13px;color:var(--muted)}.notif-toast-x{flex:none;align-self:flex-start;background:none;border:0;color:var(--muted);font-size:13px;padding:8px 10px;cursor:pointer}.notif-toast-x:hover{color:var(--text)}.notif-bell-wrap{position:relative;flex:none}.notif-bell{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hair);background:var(--elev);color:var(--text);border-radius:var(--r-md);cursor:pointer}.notif-bell:hover{border-color:var(--accent)}.notif-bell svg{width:20px;height:20px}.notif-bell-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.notif-bell-pop{position:absolute;bottom:calc(100% + 8px);right:0;width:min(300px,80vw);max-height:60vh;overflow-y:auto;padding:var(--s3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:0 10px 30px #0000004d;z-index:60}.notif-bell-empty{margin:0;font-size:14px;color:var(--muted)}.admin{display:flex;flex-direction:column;gap:var(--s4);width:100%}.admin-note{margin:0;font-size:14px;color:var(--muted)}.admin-msg{margin:0;font-size:13px;color:var(--tile-red)}.admin-bar{display:flex;flex-wrap:wrap;gap:var(--s2)}.admin-search{flex:1;min-width:0;font-family:var(--font-mono);font-size:13px;padding:8px 10px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--elev);color:var(--text)}.admin-search:focus{outline:none;border-color:var(--accent)}.admin-list{display:flex;flex-direction:column;gap:var(--s2)}.admin-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md)}.admin-av{font-size:22px}.admin-identity{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s3);border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.admin-identity:hover .admin-id{color:var(--accent);text-decoration:underline}.admin-id{flex:1;min-width:0;font-family:var(--font-mono);font-size:14px;overflow:hidden;text-overflow:ellipsis}.admin-author-link{border:0;background:transparent;padding:0;font:inherit;color:var(--accent);cursor:pointer}.admin-author-link:hover{text-decoration:underline}.admin-role{font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;background:var(--elev);color:var(--muted);border:1px solid var(--hair)}.admin-role.role-owner{background:var(--accent);color:var(--accent-ink);border-color:transparent}.admin-role.role-admin{color:var(--tile-blue);border-color:var(--tile-blue)}.admin-role.role-moderator{color:var(--tile-green);border-color:var(--tile-green)}.admin-select{font-family:var(--font-body);font-size:13px;background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text);padding:6px 10px;cursor:pointer}.admin-locked{color:var(--muted);width:90px;text-align:center}.admin-del{font-family:var(--font-body);font-weight:600;font-size:13px;background:var(--bg);border:1px solid color-mix(in srgb,#e5484d 45%,var(--hair));border-radius:var(--r-md);color:#e5484d;padding:6px 10px;cursor:pointer}.admin-del:hover:not(:disabled){background:#e5484d;border-color:#e5484d;color:#fff}.admin-del.ban{font-weight:700}.admin-del:disabled{opacity:.45;cursor:not-allowed}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--s3);background:color-mix(in srgb,#000 55%,transparent)}.admin-modal{max-width:460px;width:100%;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg, 14px);padding:var(--s4);box-shadow:0 16px 48px color-mix(in srgb,#000 35%,transparent)}.admin-modal h3{margin:0 0 var(--s3)}.admin-modal-opts{margin:0 0 var(--s4);padding-left:1.1em;display:flex;flex-direction:column;gap:var(--s2);font-size:13px;line-height:1.45;color:var(--text)}.admin-modal-actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:flex-end}.mod-tabs{display:flex;gap:var(--s2);margin-bottom:var(--s3)}.mod-tab{font-family:var(--font-body);font-weight:600;font-size:14px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);color:var(--text);padding:8px 14px;cursor:pointer}.mod-tab:hover:not(.on){border-color:var(--accent)}.mod-tab.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.mod-sort{display:flex;gap:var(--s2)}.mod-meta{flex:none;font-size:13px;color:var(--muted);white-space:nowrap}.admin-date{flex:none;font-size:12px;color:var(--muted);white-space:nowrap}.prop-level{flex:1;min-width:0;font-weight:600}.prop-diff{flex:none;color:var(--muted)}.prop-diff strong{color:var(--accent)}@media(max-width:560px){.mod-tabs,.admin-row{flex-wrap:wrap}.admin-row>.admin-identity,.admin-row>.admin-id{flex-basis:100%}.admin-select,.admin-del,.admin-row .db-btn{flex:1 1 auto;min-height:40px}.admin-locked{width:auto}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-1{width:calc(var(--spacing) * 1)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--r-sm:6px;--r-md:10px;--r-lg:14px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--tile-red:#f0524c;--tile-green:#3fb66b;--tile-blue:#3b82f6;--font-display:"Cabinet Grotesk", system-ui, sans-serif;--font-body:"General Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--step:.28s;--turn:.15s;--dur-micro:.12s;--dur-short:.2s;--dur-medium:.32s}:root,[data-theme=dark]{--bg:#0e1116;--surface:#171b22;--elev:#1f242d;--text:#e8ebf0;--muted:#9aa3b2;--hair:#2a2f3a;--accent:#ffb627;--accent-ink:#1a1205;--void:#0a0d12;--board-bg:#10141b}[data-theme=light]{--bg:#f7f8fa;--surface:#fff;--elev:#fff;--text:#1a1d23;--muted:#5b6472;--hair:#e2e6ec;--accent:#e89400;--accent-ink:#fff;--void:#e7eaef;--board-bg:#eef1f5}:root[data-colorblind]{--tile-red:#d55e00;--tile-green:#009e73;--tile-blue:#0072b2}@media(prefers-reduced-motion:reduce){:root{--step:0s;--turn:0s}}:root{color-scheme:light dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:hidden}#root{max-width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}