:root{--bg:#120e09;--panel:#1c1711;--line:#3b3122;--fg:#f0e5c8;--muted:#a8977a;--gold:#d6a943;--gold-hi:#f3d98a;--gold-lo:#7a5a18;--leaf:linear-gradient(135deg, #6e5014, #f3d98a 22%, #a67c25 45%, #f6e3a0 68%, #8a6a1c 88%, #f3d98a);--f-display:"Poiret One", Didot, Georgia, serif;--f-body:"Figtree", system-ui, -apple-system, sans-serif;--f-script:"Pinyon Script", "Snell Roundhand", "Apple Chancery", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{font-family:var(--f-body);background:radial-gradient(ellipse at 50% 20%, #261d13 0%, var(--bg) 65%) fixed, var(--bg);font-size:15px;line-height:1.5}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}h1,h2{font-family:var(--f-display);letter-spacing:.02em;text-wrap:balance;margin:0;font-weight:400}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0;font-size:12px}.btn{border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;padding:8px 12px;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--gold)}.btn:active{background:#d6a9431f}html,body{overscroll-behavior:none}.play{height:100dvh;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(8px + env(safe-area-inset-bottom,0px));grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"bar""tools""confirm""area";gap:8px;display:grid;overflow:hidden}.bar{grid-area:bar;justify-self:center;gap:8px;width:100%;max-width:1400px;display:grid}.bar-top{align-items:center;gap:12px;min-width:0;display:flex}.count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding-left:2px;font-size:14px;line-height:1}.count b{color:var(--gold-hi);font-size:24px;font-weight:600}.ticker{text-align:center;min-width:0;color:var(--gold-hi);font-family:var(--f-script);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-size:clamp(19px,2.4vw,28px);line-height:1.15;animation:1s both inkIn;overflow:hidden}.ticker.muted{font-family:var(--f-body);color:var(--muted);white-space:normal;font-size:13px;animation:none}@keyframes inkIn{0%{opacity:0;filter:blur(4px)}}.presence{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:13px;display:flex}.presence .dot{background:var(--line);border-radius:50%;width:9px;height:9px}.presence.on{color:var(--fg)}.presence.on .dot{background:var(--peer);box-shadow:0 0 0 3px color-mix(in srgb, var(--peer) 30%, transparent)}.tools{flex-wrap:wrap;grid-area:tools;justify-self:center;gap:6px;width:100%;max-width:1400px;display:flex}.tools .btn{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.play>.confirm{grid-area:confirm;justify-self:center}.confirm{color:var(--fg);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.mode{color:var(--muted);margin:0;font-size:12px}.loading-screen{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.loader{justify-items:center;gap:22px;animation:.6s ease-out both fade;display:grid}.tiles{border:1px solid var(--gold-lo);grid-template-columns:repeat(3,30px);gap:3px;padding:5px;display:grid}.tiles i{background:var(--leaf);width:30px;height:30px;animation:assemble 3s cubic-bezier(.2, .7, .2, 1) var(--d) infinite both, shimmer 3s linear infinite;background-size:300% 300%;position:relative}.tiles i:after{content:"";border:1.5px solid #2818048c;margin:auto;position:absolute;inset:0}.tiles .m-ring:after{border-radius:50%;width:13px;height:13px}.tiles .m-rect:after{background:#28180459;width:7px;height:15px}.loader-to{font-family:var(--f-script);color:var(--gold-hi);margin:0;font-size:38px;line-height:1}.loader-msg{letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(90deg, var(--muted) 35%, var(--gold-hi) 50%, var(--muted) 65%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:-10px 0 0;font-size:12px;animation:2.4s ease-in-out infinite sweep}@keyframes assemble{0%{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(.7)}28%,78%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}@keyframes shimmer{0%{background-position:0 0}to{background-position:100% 100%}}.area-wrap{touch-action:none;grid-area:area;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.area{transform-origin:0 0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative}.board{box-shadow:0 0 0 1px var(--gold-lo), 0 0 0 5px #0000004d, 0 0 0 6px var(--line);background:#00000047;position:absolute}.ghost,.whole{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.ghost{filter:grayscale(.6)brightness(.8);transition:opacity .25s}.whole{opacity:0;z-index:5000;transition:opacity 1.2s .3s}.piece{will-change:transform;pointer-events:none;filter:drop-shadow(0 2px 3px #0000008c);position:absolute;top:0;left:0}.piece.remote{transition:transform 90ms linear}.piece.lifted{filter:drop-shadow(0 14px 16px #000000a6)}.piece.held{filter:drop-shadow(0 0 2px var(--peer)) drop-shadow(0 0 8px var(--peer))}.piece.placed{filter:none}.piece.snap{animation:.7s glint}.area.complete .whole{opacity:1}.area.complete .board{box-shadow:0 0 0 1px var(--gold), 0 0 60px #f3d98a59;transition:box-shadow 1.5s}@keyframes glint{0%{filter:brightness(1.7)drop-shadow(0 0 10px #f3d98ae6)}to{filter:none}}:root{--peer:#e88fa3}.who-a{--peer:#8fc3e8}.who-b{--peer:#e88fa3}.cursor{z-index:9000;pointer-events:none;align-items:flex-start;transition:transform 70ms linear;display:flex;position:absolute;top:0;left:0}.cursor svg{width:18px;height:18px;fill:var(--peer);stroke:#120e09;stroke-width:1.2px}.cursor span{background:var(--peer);color:#1a1208;white-space:nowrap;border-radius:10px;margin:14px 0 0 -2px;padding:2px 7px;font-size:12px;font-weight:600}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9500;background:var(--panel);border:1px solid var(--gold-lo);color:var(--gold-hi);white-space:nowrap;margin:0;padding:8px 14px;font-size:14px;position:fixed;transform:translate(-50%)}.fit-btn{z-index:9100;border-color:var(--gold-lo);min-height:40px;color:var(--gold-hi);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#120e09d9;padding:8px 14px;position:absolute;bottom:8px;right:8px}.gesture-hint{z-index:9100;pointer-events:none;border:1px solid var(--gold-lo);color:var(--gold-hi);white-space:nowrap;background:#120e09e0;margin:0;padding:8px 14px;font-size:13px;animation:5s both hintOut;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes hintOut{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}.sheet-back{z-index:9600;background:#08060499;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:640px;max-height:80dvh;padding:12px 22px calc(22px + env(safe-area-inset-bottom,0px));background:var(--panel);border:1px solid var(--line);border-bottom:0;justify-items:start;gap:10px;animation:.28s cubic-bezier(.2,.8,.2,1) both up;display:grid;overflow:auto}.sheet-grip{background:var(--line);border-radius:2px;justify-self:center;width:40px;height:4px}.l-to{font-family:var(--f-script);color:var(--gold-hi);margin:0;font-size:34px;line-height:1.1}.l-body{font-family:var(--f-display);margin:0;font-size:20px;line-height:1.6}.w{color:#0000;filter:blur(1.5px);background:linear-gradient(90deg,#d6a94347,#f3d98a29);border-radius:3px;transition:color .8s,background-color .8s,filter .8s}.w.on{color:var(--fg);filter:none;background:0 0}.l-from{color:var(--muted);margin:0;font-size:12.5px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}@media (orientation:portrait){.play{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"bar""area""confirm""tools"}.tools{grid-template-columns:repeat(5,1fr);display:grid}.tools .btn{min-height:46px;padding:8px 2px}.toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media (width<=600px){.play{gap:6px;padding-left:8px;padding-right:8px}.tools .btn{font-size:13px}.count b{font-size:21px}.presence{font-size:12px}}.dust{pointer-events:none;z-index:6000;width:100%;height:100%;position:fixed;inset:0}.finale{min-height:100dvh;padding:32px 16px 48px}.finale-inner{z-index:1;text-align:center;justify-items:center;gap:16px;max-width:720px;margin:0 auto;display:grid;position:relative}.frame{background:var(--leaf);width:min(100%,60vh,620px);padding:18px;animation:1.4s cubic-bezier(.2,.8,.2,1) both hang;box-shadow:0 30px 90px #000000b3,0 0 80px #d6a94338,inset 0 0 0 2px #00000040}.mat{box-shadow:inset 0 0 0 1px var(--gold);background:#16110a;padding:10px;position:relative;overflow:hidden}.mat img{width:100%;height:auto;display:block}.shine{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 35%,#ffe4968c 48%,#fff5d2b3 50%,#ffe4968c 52%,#0000 65%) 150% 0/300% 100%;animation:2.6s ease-in-out .9s 2 both sweep;position:absolute;inset:10px}.plaque,.final-letter{opacity:0;transition:opacity 1.2s,transform 1.2s;transform:translateY(8px)}.plaque.on,.final-letter.on{opacity:1;transform:none}.plaque{color:var(--muted);letter-spacing:.06em;margin:0;font-size:12px}.final-letter{gap:6px;display:grid}.g-to{font-family:var(--f-script);color:var(--gold-hi);margin:0;font-size:clamp(36px,7vw,54px);line-height:1.1}.g-note{font-family:var(--f-display);text-wrap:pretty;max-width:48ch;margin:0;font-size:clamp(18px,3.4vw,22px);line-height:1.55}.g-closing{font-family:var(--f-script);color:var(--gold-hi);margin:8px 0 0;font-size:clamp(32px,6vw,44px)}.g-from{font-family:var(--f-script);color:var(--gold);margin:0;font-size:26px}.ghost-btn,.finale .confirm{justify-content:center;margin-top:16px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes hang{0%{opacity:0;transform:scale(.92)translateY(20px)}}@keyframes sweep{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}