:root{--ink: #f7e7c8;--glow: #ffb3d0}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{width:100%;height:100dvh;overflow:hidden;color:var(--ink);font-family:Noto Naskh Arabic,"Noto Serif",Georgia,serif;background:#120c18}.scene{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.veil{position:fixed;inset:0;background:linear-gradient(to top,rgb(18 12 24 / .72) 0%,rgb(18 12 24 / .08) 42%,transparent 70%);pointer-events:none;z-index:1}main{position:relative;z-index:2;width:100%;height:100dvh;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom));gap:12px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-shrink:0}h1,p{margin:0}h1{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;line-height:1;text-shadow:0 2px 0 #3a1630,0 10px 24px rgb(0 0 0 / .45)}.status{font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;opacity:.55;direction:ltr}.stage{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.workspace{flex:1;min-height:0;width:100%;height:100%;display:flex;flex-direction:column}.boards{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.board{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:16px;background:#120c189e;border:1px solid rgb(247 231 200 / .22);border-radius:16px}.board h2{margin:0 0 8px;font-size:1rem;font-weight:700;text-shadow:0 2px 8px rgb(0 0 0 / .6)}.board form{display:flex;gap:8px}.board input{flex:1;min-width:0;font:inherit;color:var(--ink);background:#120c18b3;border:1px solid rgb(247 231 200 / .25);border-radius:10px;padding:8px 10px}.board form button{font:inherit;color:#120c18;background:var(--glow);border:0;border-radius:10px;padding:8px 14px;cursor:pointer}.board ul{margin:10px 0 0;padding:0;list-style:none;flex:1;min-height:0;overflow:auto}.board li button,.board li span{font:inherit;color:inherit;background:none;border:0;padding:4px 0;text-align:start;text-shadow:0 2px 8px rgb(0 0 0 / .6)}.board.mine li button{cursor:pointer}.board.theirs li span{cursor:default}.board li.done button,.board li.done span{opacity:.55;text-decoration:line-through}.watch{margin:0;font-size:.85rem;opacity:.65}.err{margin-top:8px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;color:#ffb3b3}.sync{margin-top:8px;flex-shrink:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;opacity:.55;direction:ltr;text-align:end}