:root{color:#edf3fc;font-synthesis:none;background:radial-gradient(circle at 20% -10%,#203c4b 0,#0000 36rem),#080c12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input,textarea{font:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.055em;font-size:clamp(2.2rem,5vw,4rem);line-height:.9}h2{font-size:1.05rem}.app-shell{width:min(1500px,100% - 24px);margin:0 auto;padding:18px 0 24px}.topbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.eyebrow{color:#8fa8bd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.73rem;font-weight:750}.status{color:#b9c8d7;flex-wrap:wrap;justify-content:end;gap:8px;font-size:.83rem;display:flex}.status span{background:#111a25d9;border:1px solid #2c3c50;border-radius:999px;padding:7px 10px}.status span[data-state=open]{color:#72e6b1;border-color:#3c7a67}.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:stretch;gap:14px;display:grid}.game-column{min-width:0}.objective{background:#111a25e8;border:1px solid #29394c;border-bottom:0;border-radius:16px 16px 0 0;align-items:baseline;gap:12px;min-height:58px;padding:10px 14px;display:flex}.objective strong{color:#80e8c4;flex:none}.objective span,.controls-copy{color:#9eb0c3;font-size:.86rem}.game-surface{background:#080c12;border:1px solid #29394c;border-radius:0 0 16px 16px;width:100%;height:min(72vh,760px);min-height:520px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0008}.game-surface canvas{touch-action:none}.controls-copy{padding:9px 4px 0}.collaboration{grid-template-rows:minmax(190px,.75fr) minmax(290px,1.25fr);gap:12px;min-width:0;max-height:calc(min(72vh,760px) + 58px);display:grid}.panel{background:#111a25ef;border:1px solid #29394c;border-radius:16px;min-height:0;overflow:hidden}.panel>div:first-child{border-bottom:1px solid #263548;padding:11px 13px 8px}.document-surface{color:#dce7f2;height:calc(100% - 58px);padding:10px 13px;line-height:1.5;overflow:auto}.document-surface .tiptap{outline:none;min-height:110px}.document-surface .tiptap p{margin:0 0 .65em}.whiteboard-surface{background:#f8fafc;width:100%;height:calc(100% - 58px);min-height:230px;position:relative;overflow:hidden}.whiteboard-surface .excalidraw{width:100%;height:100%}.touch-controls{z-index:20;pointer-events:none;justify-content:space-between;display:none;position:absolute;inset:auto 14px 14px}.touch-controls button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#101b29cc;border:1px solid #fff5;border-radius:50%;min-width:58px;min-height:58px;padding:8px}.touch-controls button:last-child{margin-left:auto}.loading{color:#9fb1c4;place-items:center;min-height:100vh;display:grid}@media (width<=940px){.workspace{grid-template-columns:1fr}.collaboration{grid-template-rows:minmax(330px,42vh);grid-template-columns:1fr 1fr;max-height:none}.game-surface{height:min(66vh,660px);min-height:440px}}@media (width<=640px){.app-shell{width:100%;padding:10px}.topbar{align-items:start}.status{max-width:150px}.workspace{gap:10px}.objective{flex-direction:column;align-items:start;gap:4px;min-height:78px}.game-surface{height:62vh;min-height:390px}.collaboration{grid-template-rows:260px 360px;grid-template-columns:1fr;display:grid}.controls-copy{font-size:.78rem}}@media (pointer:coarse){.touch-controls{gap:10px;display:flex}}