:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f4ee;color:#182127;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}*{box-sizing:border-box;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none}html{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;min-width:320px;width:100%;height:100dvh;margin:0;overscroll-behavior:none;touch-action:none}#root{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));min-height:100dvh;margin:0 auto;padding:32px 0}.challenger-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:min(520px,calc(100% - 24px));height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;padding:18px 0;overscroll-behavior:none;touch-action:none}.intro-panel,.canvas-placeholder,.admin-card,.realtime-panel{border:1px solid #d8d0c3;border-radius:8px;background:#fffdf8;box-shadow:0 18px 48px #18212714}.intro-panel{padding:clamp(24px,7vw,56px)}.challenger-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.challenger-topbar h1{margin:0;font-size:clamp(1.75rem,8vw,2.75rem);line-height:1}.challenger-topbar .eyebrow{margin-bottom:4px}.eyebrow{margin:0 0 10px;color:#4b7f68;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:16px;font-size:clamp(2.2rem,9vw,5.8rem);line-height:.95}h2{margin-bottom:8px;font-size:1.1rem}.lede{max-width:660px;color:#51606a;font-size:1.1rem;line-height:1.6}.join-form{display:grid;gap:10px;max-width:520px;margin-top:28px}.join-form label{color:#38464e;font-size:.92rem;font-weight:700}.join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.join-row input,.join-row button{min-height:48px;border-radius:8px;border:1px solid #c7beb0;padding:0 14px}.join-row button{border-color:#1f6f8b;background:#1f6f8b;color:#fff;font-weight:800}.join-row :disabled{cursor:not-allowed;opacity:.68}.canvas-placeholder{display:grid;place-items:center;position:relative;min-height:360px;overflow:hidden;padding:24px}.circle-guide{width:min(62vw,360px);aspect-ratio:1;border:10px solid #f2c14e;border-radius:50%;box-shadow:inset 0 0 0 1px #d99632,0 24px 50px #f2c14e47}.canvas-placeholder p{position:absolute;bottom:24px;margin:0;color:#64727a;font-weight:700}.admin-shell{display:grid;align-content:start;gap:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #d8d0c3;padding-bottom:24px}.admin-header h1{margin-bottom:0;font-size:clamp(2.25rem,6vw,4.8rem)}.status-pill{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:40px;border:1px solid #b9cec3;border-radius:999px;padding:0 14px;background:#e7f4ee;color:#24513f;font-weight:800}.status-pill.compact{min-width:0;max-width:148px;overflow:hidden;border-color:#c4d9d0;padding:0 10px;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.mobile-stage{display:grid;gap:12px;min-height:0;overflow:hidden}.mobile-stage.is-prejoin{grid-template-rows:auto auto minmax(0,1fr) auto}.mobile-stage.is-joined{grid-template-rows:auto minmax(0,1fr) auto}.round-card,.drawing-surface{border:1px solid #d8d0c3;border-radius:8px;background:#fffdf8;box-shadow:0 16px 40px #18212714}.round-card{display:grid;gap:12px;padding:16px}.round-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.round-card-header strong{overflow:hidden;font-size:1.25rem;line-height:1.1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.round-state{display:inline-flex;align-items:center;min-height:30px;max-width:46%;overflow:hidden;border-radius:999px;padding:0 10px;background:#edf3ef;color:#24513f;font-size:.78rem;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.round-state.drawing{background:#e7f4f8;color:#1f5e75}.round-state.ended{background:#f8ead8;color:#854f19}.round-copy{margin:0;color:#51606a;font-size:.98rem;line-height:1.45}.score-badge{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;min-height:46px;border-radius:8px;padding:0 12px;color:#183226;font-weight:900}.score-badge span{font-size:1.35rem}.score-badge small{overflow:hidden;color:inherit;font-size:.84rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.score-badge.excellent{background:#dff4e7}.score-badge.great{background:#dff0f6}.score-badge.good{background:#f7ebd2}.score-badge.try{background:#f6dfdc}.mobile-join{align-self:start;max-width:none;margin:0;border:1px solid #d8d0c3;border-radius:8px;padding:14px;background:#fff}.mobile-join .join-row{grid-template-columns:minmax(0,1fr) minmax(94px,auto)}.mobile-join button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.drawing-surface{position:relative;overflow:hidden;min-height:0;overscroll-behavior:none;touch-action:none;background:radial-gradient(circle at 50% 42%,#fffffff0,#f6f9f9f0),linear-gradient(145deg,#f8fbfb,#fff9ed)}.drawing-canvas{min-height:0;overscroll-behavior:none;touch-action:none}.canvas-shield{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fffdf8b8;color:#51606a;font-weight:900;opacity:0;transition:opacity .16s ease}.canvas-shield[data-active=true]{opacity:1}.canvas-shield span{border:1px solid #d8d0c3;border-radius:999px;padding:9px 13px;background:#fffdf8;box-shadow:0 12px 26px #1821271a}.mobile-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#51606a;font-size:.9rem;font-weight:800}.mobile-actions span{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ghost-button{min-height:40px;border:1px solid #c7beb0;border-radius:8px;padding:0 12px;background:#fffdf8;color:#38464e;font-weight:900}.ghost-button:disabled{cursor:not-allowed;opacity:.52}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-card{min-height:180px;padding:24px}.admin-card svg{color:#1f6f8b}.admin-card p{color:#51606a;line-height:1.55}.admin-host-shell{display:grid;align-content:start;gap:18px;width:min(1500px,calc(100% - 48px));height:100dvh;overflow:auto;margin:0 auto;padding:24px 0 32px;overscroll-behavior:contain;touch-action:pan-y}.host-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;border-bottom:1px solid #d8d0c3;padding-bottom:18px}.host-title{min-width:0}.host-title h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96}.host-status{align-self:center;text-transform:capitalize}.host-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric-tile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;gap:2px 10px;min-width:0;min-height:78px;border:1px solid #d8d0c3;border-radius:8px;padding:13px 14px;background:#fffdf8;box-shadow:0 12px 30px #1821270f}.metric-tile svg{grid-area:icon;color:#1f6f8b}.metric-tile span{grid-area:label;overflow:hidden;color:#66737a;font-size:.74rem;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metric-tile strong{grid-area:value;overflow:hidden;color:#182127;font-size:1.35rem;line-height:1.05;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.host-control-bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;border:1px solid #d8d0c3;border-radius:8px;padding:12px;background:#fffdf8}.shape-select{display:grid;grid-template-columns:auto minmax(132px,1fr);align-items:center;gap:8px;min-height:44px;border:1px solid #c7beb0;border-radius:8px;padding:0 12px;background:#f7faf9;color:#28444f;font-weight:900}.shape-select span{color:#66737a;font-size:.74rem;text-transform:uppercase;white-space:nowrap}.shape-select select{min-width:0;border:0;background:transparent;color:#182127;font:inherit;font-weight:900}.shape-select:has(select:disabled){opacity:.54}.host-control-bar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #1f6f8b;border-radius:8px;padding:0 14px;background:#1f6f8b;color:#fff;font-weight:900}.host-control-bar button span{white-space:nowrap}.host-control-bar .secondary-action{border-color:#c7beb0;background:#f7faf9;color:#28444f}.host-control-bar .danger-action{border-color:#b94b4b;background:#b94b4b}.host-control-bar button:disabled{cursor:not-allowed;opacity:.48}.admin-board{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(440px,1.45fr) minmax(340px,1fr);align-items:start;gap:18px}.admin-stack{display:grid;gap:18px;min-width:0}.host-panel{min-width:0;border:1px solid #d8d0c3;border-radius:8px;padding:18px;background:#fffdf8;box-shadow:0 16px 42px #18212712}.panel-heading{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:14px}.panel-heading svg{flex:0 0 auto;color:#1f6f8b}.panel-heading h2{overflow:hidden;margin:0;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.round-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.round-facts div,.realtime-details dl div{min-width:0;border-top:1px solid #ebe4d8;padding-top:10px}.round-facts dt,.realtime-details dt{color:#6b767c;font-size:.72rem;font-weight:900;text-transform:uppercase}.round-facts dd,.realtime-details dd{overflow-wrap:anywhere;margin:4px 0 0;color:#182127;font-weight:900;text-transform:capitalize}.winner-strip{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:14px;border-radius:8px;padding:9px 10px;background:#f7ebd2;color:#714813;font-weight:900}.winner-strip span{min-width:0;overflow-wrap:anywhere}.compact-list,.submission-list,.history-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.compact-list li,.history-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;border-top:1px solid #ebe4d8;padding-top:9px}.compact-list span,.history-list strong,.history-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list small{color:#1f7a4d;font-weight:900}.tracked-users{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tracked-users p{flex-basis:100%;margin:0;color:#6b767c;font-size:.76rem;font-weight:900;text-transform:uppercase}.tracked-users span{max-width:100%;overflow:hidden;border-radius:999px;padding:5px 8px;background:#edf3ef;color:#24513f;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.empty-note{margin:0;color:#66737a;line-height:1.5}.live-panel{min-height:420px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.preview-tile{min-width:0;border:1px solid #ebe4d8;border-radius:8px;overflow:hidden;background:#f8fbfb}.preview-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:0 10px}.preview-title strong,.preview-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-title span{color:#1f6f8b;font-size:.82rem;font-weight:900}.preview-canvas-wrap{aspect-ratio:1;min-height:180px;border-top:1px solid #ebe4d8;background:#fff}.preview-canvas{min-height:180px}.submission-list{counter-reset:submissions}.submission-list li{counter-increment:submissions;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px;border-top:1px solid #ebe4d8;padding-top:9px}.submission-list li:before{content:counter(submissions);display:inline-grid;grid-column:1;grid-row:1;place-items:center;width:24px;height:24px;border-radius:999px;background:#edf3ef;color:#24513f;font-size:.75rem;font-weight:900}.submission-list span{grid-column:1;min-width:0;overflow:hidden;padding-left:32px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.submission-list strong{color:#1f6f8b}.submission-list small{color:#6b767c;font-weight:800;white-space:nowrap}.submission-list .winner-row{color:#714813}.submission-list .winner-row:before{background:#f2c14e;color:#182127}.table-scroll{overflow-x:auto}.score-table{width:100%;min-width:320px;border-collapse:collapse;table-layout:fixed}.score-table th,.score-table td{border-top:1px solid #ebe4d8;padding:10px 8px;text-align:right;vertical-align:middle}.score-table th:first-child,.score-table td:first-child{width:52%;text-align:left}.score-table th{color:#6b767c;font-size:.72rem;text-transform:uppercase}.score-table td{font-weight:900}.score-table td:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.score-table td:first-child span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-chip{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:999px;background:#1f6f8b;color:#fff;font-size:.75rem}.history-list li{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.history-list strong{color:#714813;text-align:right}.realtime-details dl{display:grid;gap:10px;margin:0}.realtime-details p{margin:12px 0 0;color:#8a4f2a;font-weight:800;overflow-wrap:anywhere}.realtime-panel{display:grid;gap:14px;max-width:720px;margin-top:24px;padding:18px}.admin-shell>.realtime-panel{max-width:none;margin-top:0}.realtime-state{display:inline-flex;align-items:center;gap:8px;color:#24513f;font-weight:900;text-transform:capitalize}.realtime-panel p{margin:0;color:#8a4f2a;font-weight:700}.realtime-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.realtime-panel dl div{min-width:0;border-top:1px solid #ebe4d8;padding-top:10px}.realtime-panel dt{color:#6b767c;font-size:.76rem;font-weight:800;text-transform:uppercase}.realtime-panel dd{overflow-wrap:anywhere;margin:4px 0 0;color:#182127;font-weight:800}.player-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.player-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;border-top:1px solid #ebe4d8;padding-top:10px}.player-list span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.player-list small{color:#51606a;font-weight:700}@media(max-width:700px){.app-shell{width:min(100% - 20px,1120px);padding:10px 0 24px}.challenger-shell{width:min(100% - 20px,520px)}.intro-panel{padding:24px 18px}.join-row,.admin-grid,.realtime-panel dl{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}.mobile-stage,.drawing-surface,.drawing-canvas{min-height:0}}@media(max-width:1180px){.admin-board{grid-template-columns:minmax(260px,.9fr) minmax(420px,1.2fr)}.admin-board>.admin-stack:last-child{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.admin-host-shell{width:min(100% - 24px,1500px);padding-top:14px}.host-topbar,.admin-board,.admin-board>.admin-stack:last-child,.host-metrics{grid-template-columns:1fr}.host-topbar{align-items:start}.host-control-bar button{flex:1 1 190px}.shape-select{flex:1 1 220px}.round-facts{grid-template-columns:1fr}}