:root{font-family:"MS Sans Serif",Tahoma,system-ui,sans-serif;color:#101614;background:#0a6f68;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}.boot-screen,.login-screen,.desktop-shell,.host-shell{min-height:100svh;background:radial-gradient(circle at 14% 8%,rgba(227,235,189,.16),transparent 22rem),linear-gradient(135deg,#0b6f64,#0d5e62 45%,#214c43)}.boot-screen,.login-screen,.host-shell{display:grid;place-items:center;padding:18px}.win-window{border:2px solid #101010;background:#c7c7b6;box-shadow:inset 2px 2px #fff,inset -2px -2px #74746a,10px 12px #00000047}.win-titlebar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;color:#fff;font-weight:700;background:linear-gradient(90deg,#203c37,#0c7569 70%,#9b3230);border-bottom:2px solid #101010}.boot-window,.login-window,.host-window{width:min(100%,460px)}.boot-body,.login-body,.host-auth,.host-body{padding:20px}.boot-body{display:grid;gap:16px;justify-items:center;text-align:center}.agency-mark{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:18px}.agency-mark h1{margin:0 0 4px;font-size:clamp(1.5rem,7vw,2.2rem);line-height:1.02}.agency-mark p{margin:0;color:#40483d}.field-label{display:grid;gap:7px;font-weight:700}.field-label input{width:100%;min-height:44px;padding:9px 10px;border:2px solid #101010;border-top-color:#6e6e65;border-left-color:#6e6e65;background:#fffced;outline:none}.field-label input:focus{box-shadow:0 0 0 3px #d4a43d}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.avatar-option{min-height:48px;border:2px solid #101010;background:#dcdaca;box-shadow:inset 2px 2px #fff,inset -2px -2px #76766c;font-size:1.55rem}.avatar-option.selected{background:#d4a43d;box-shadow:inset -2px -2px #fff,inset 2px 2px #6f5420}.win-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:2px solid #101010;color:#101614;background:#d9d7c7;box-shadow:inset 2px 2px #fff,inset -2px -2px #75756b;font-weight:700}.win-button:active,.win-button.selected{box-shadow:inset -2px -2px #fff,inset 2px 2px #75756b}.win-button.primary{width:100%;background:#a5c08c}.win-button.danger{background:#ce8275}.win-button.compact{min-height:32px;padding:5px 10px}.win-button:disabled{color:#75756b;cursor:not-allowed}.desktop-shell{height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.top-status{position:relative;z-index:5;display:grid;grid-template-columns:minmax(84px,auto) 1fr auto auto;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 10px 8px;background:#c7c7b6;border-bottom:2px solid #101010;box-shadow:inset 0 -2px #76766c}.agent-chip,.status-chip{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border:2px solid #101010;background:#e7e3cd;box-shadow:inset 1px 1px #fff,inset -1px -1px #77776e;font-weight:700}.agent-chip{min-width:0}.agent-avatar{font-size:1.4rem}.agent-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-block{display:grid;gap:4px;min-width:0}.progress-label{display:flex;justify-content:space-between;gap:8px;font-size:.76rem;font-weight:700}.progress-track{height:16px;border:2px solid #101010;background:repeating-linear-gradient(90deg,#f7f2d6 0,#f7f2d6 10px,#e8e1bf 10px,#e8e1bf 20px);box-shadow:inset 1px 1px #66665c;overflow:hidden}.progress-track div,.leader-progress div{height:100%;background:linear-gradient(90deg,#8aae63,#d4a43d 72%,#ad3d38)}.signal{width:34px;height:34px;display:grid;place-items:center;border:2px solid #101010;background:#e6dfc7}.signal.off{background:#c98677}.desktop-area{position:relative;min-height:0;padding:18px 10px 14px;overflow:auto;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(135deg,#0a6f68,#235b50 58%,#32483f);background-size:22px 22px,22px 22px,auto}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:14px 10px;align-content:start}.desktop-icon{min-height:106px;display:grid;justify-items:center;align-content:start;gap:8px;border:0;color:#fff9d9;background:transparent;text-shadow:1px 1px 0 #0b1d1a;font-weight:700}.desktop-icon:focus-visible{outline:2px dotted #fff9d9;outline-offset:2px}.desktop-icon span:last-child{width:100%;max-width:116px;min-height:35px;display:block;padding:2px 3px;line-height:1.08;font-size:.78rem;overflow-wrap:anywhere}.icon-tile{width:58px;height:54px;display:grid;place-items:center;border:2px solid #101010;box-shadow:inset 2px 2px #ffffffa6,inset -2px -2px #00000052}.folder-tile{color:#37280a;background:#d4a43d}.photo-tile{color:#15302a;background:#efe8c9}.explorer-window{min-height:min(72svh,680px)}.explorer-toolbar{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:2px solid #77776e;background:#d9d7c7;font-weight:700}.explorer-window .icon-grid{padding:14px}.title-icon-button{width:24px;height:22px;display:grid;place-items:center;padding:0;border:2px solid #101010;background:#d9d7c7;box-shadow:inset 1px 1px #fff,inset -1px -1px #77776e}.taskbar{position:relative;min-height:calc(44px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#c7c7b6;border-top:2px solid #ffffff;box-shadow:inset 0 2px #77776e}.start-menu{position:absolute;left:8px;bottom:calc(100% - 2px);z-index:35;width:min(82vw,290px);border:2px solid #101010;background:#c7c7b6;box-shadow:inset 2px 2px #fff,inset -2px -2px #74746a,8px 8px #0000004d}.start-menu header{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#fff;background:linear-gradient(90deg,#203c37,#0c7569);border-bottom:2px solid #101010;font-weight:900}.start-menu button{width:100%;min-height:40px;display:block;padding:9px 12px;border:0;border-bottom:1px solid #8a8a80;color:#101614;background:transparent;font-weight:700;text-align:left}.start-menu button:last-child{border-bottom:0}.start-menu button:hover,.start-menu button:focus-visible{color:#fff;background:#0c7569;outline:none}.start-button,.task-item,.task-stat{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:2px solid #101010;background:#d9d7c7;box-shadow:inset 2px 2px #fff,inset -2px -2px #77776e;font-weight:700}.start-button.selected{background:#d4a43d;box-shadow:inset -2px -2px #fff,inset 2px 2px #77776e}.task-item{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-spacer{flex:1}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:14px;background:#05100e94}.photo-window{width:min(100%,980px);max-height:calc(100svh - 28px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.photo-meta{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 10px;border-bottom:2px solid #77776e;background:#d9d7c7;font-size:.9rem;font-weight:700}.photo-stage{position:relative;min-height:0;background:#111;cursor:crosshair;touch-action:manipulation}.photo-stage img{width:100%;height:100%;max-height:calc(100svh - 160px);display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.hit-area{position:absolute;border:0;background:transparent;border-radius:2px;transform:translateZ(0);pointer-events:none}.hit-area.found{display:grid;place-items:center;color:#101614;border:2px solid #f0e36a;background:#f0e36a47;box-shadow:0 0 18px #f0e36aeb}.photo-note{margin:0;padding:10px;border-top:2px solid #77776e;background:#ede8cf;color:#30362f}.toast,.end-ribbon{position:fixed;left:50%;z-index:30;transform:translate(-50%);border:2px solid #101010;color:#101614;background:#f0e36a;box-shadow:6px 6px #0000004d;font-weight:700}.toast{bottom:calc(58px + env(safe-area-inset-bottom));width:min(92vw,420px);padding:12px 14px;text-align:center}.end-ribbon{top:74px;display:inline-flex;align-items:center;gap:10px;padding:12px 16px}.screen-shell{min-height:100svh;padding:32px;color:#f5efcd;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 82% 18%,rgba(212,164,61,.22),transparent 20rem),linear-gradient(135deg,#173d36,#0a6f68 45%,#3a4238);background-size:34px 34px,34px 34px,auto,auto}.screen-header,.screen-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.screen-header{align-items:start}.kicker{margin:0 0 8px;color:#d4a43d;font-weight:700;text-transform:uppercase}.screen-header h1{margin:0;font-size:clamp(3rem,7vw,7.8rem);line-height:.9;letter-spacing:0}.screen-clock{justify-self:end;display:inline-flex;align-items:center;gap:18px;padding:18px 24px;border:3px solid #101010;color:#101614;background:#e5dfc4;box-shadow:12px 12px #0000004d}.screen-clock span{font-size:clamp(3.6rem,8vw,8rem);font-weight:900;line-height:1}.winner-panel{min-height:170px;display:flex;align-items:center;gap:28px;margin:34px 0 28px;padding:24px;border:3px solid #101010;color:#101614;background:#c7c7b6;box-shadow:inset 3px 3px #fff,inset -3px -3px #76766c}.winner-panel.active{background:#f0e36a}.winner-panel p{margin:0 0 8px;font-weight:700;text-transform:uppercase}.winner-panel h2{margin:0;font-size:clamp(2.2rem,6vw,5.8rem);line-height:.95}.screen-grid{align-items:start}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.podium-card,.live-board{border:3px solid #101010;color:#101614;background:#d9d7c7;box-shadow:inset 3px 3px #fff,inset -3px -3px #77776e}.podium-card{min-height:220px;display:grid;justify-items:center;align-content:center;gap:8px;padding:18px;text-align:center}.podium-card.place-1{background:#f0e36a}.podium-card.place-2{background:#cdd7d3}.podium-card.place-3{background:#d4a43d}.podium-avatar{font-size:clamp(3rem,6vw,5rem);line-height:1}.podium-card h3{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:clamp(1.3rem,2.4vw,2.2rem)}.podium-card p{margin:0;font-weight:700}.live-board{padding:18px}.live-board header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.live-board h2{margin:0;font-size:clamp(1.7rem,3vw,3rem)}.live-board header span{color:#0a6f68;font-weight:900;text-transform:uppercase}.leader-list,.host-table{display:grid;gap:10px}.leader-row{display:grid;grid-template-columns:40px 44px minmax(0,1fr) minmax(90px,180px) auto;align-items:center;gap:10px;padding:10px;border:2px solid #101010;background:#eee8cf;font-weight:700}.rank{display:grid;place-items:center;width:34px;height:34px;color:#fffbe8;background:#203c37}.leader-avatar{font-size:1.7rem}.leader-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-progress{height:18px;border:2px solid #101010;background:#fff7d8}.leader-score{white-space:nowrap}.screen-footer{margin-top:24px;color:#f0e36a;font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:900;text-align:center}.host-window{width:min(100%,900px)}.host-auth{display:grid;gap:16px;justify-items:center}.host-auth .field-label,.host-auth .win-button{width:min(100%,360px)}.host-body{display:grid;gap:16px}.host-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:2px solid #101010;background:#eee8cf}.host-status p,.host-status h1{margin:0}.host-status strong{font-size:clamp(2.2rem,8vw,5rem)}.host-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.host-message{margin:0;padding:10px;border:2px solid #101010;background:#f0e36a;font-weight:700}@media(max-width:720px){.top-status{grid-template-columns:1fr auto auto}.progress-block{grid-column:1 / -1;order:2}.agent-chip{max-width:52vw}.status-chip{min-width:74px}.desktop-area{padding:14px 8px 12px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-window{width:100%}.photo-stage img{max-height:calc(100svh - 190px)}.screen-shell{padding:18px;overflow:auto}.screen-header,.screen-grid,.podium{grid-template-columns:1fr}.screen-clock{justify-self:stretch;justify-content:center}.leader-row{grid-template-columns:32px 38px minmax(0,1fr) auto}.leader-progress{grid-column:3 / -1;width:100%}.host-actions{grid-template-columns:1fr}}@media(min-width:900px){.desktop-area{padding:28px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(118px,126px))}.desktop-icon span:last-child{font-size:.88rem}}