:root{color:#f2e6bd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ddc68a;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #fff1a9}.game,.world-wrap{position:absolute;inset:0;overflow:hidden}canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.menu-toggle{color:#fff4d6;z-index:5;background:#24322c55;border:1px solid #f5eed166;border-radius:50%;width:42px;height:42px;font-size:21px;position:absolute;top:20px;right:22px}.menu-toggle:hover{background:#24322ca0}.camera{z-index:3;gap:5px;display:flex;position:absolute;bottom:29px;right:23px}.camera button{color:#e9d8aa;background:#332c1fcc;border:1px solid #e3cf8c40;border-radius:5px;width:34px;height:34px;font-size:18px}.colony-hud{background:linear-gradient(120deg,#29291eed,#343224db);border:1px solid #e9d29b33;border-radius:4px;width:205px;padding:14px 16px;position:absolute;bottom:26px;left:26px;box-shadow:0 5px 22px #392b192a}.hud-day{color:#e8d7a6;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hud-day button{padding:0 0 0 8px;font-size:13px}.hud-population{align-items:baseline;gap:7px;margin:8px 0 11px;display:flex}.hud-population strong{color:#fff3c7;font:32px Georgia,serif}.hud-population>span:last-child{color:#b8b593;font-size:11px}.ant-icon{color:#deb975;font-size:21px;transform:rotate(60deg)}.queen-line{letter-spacing:1px;align-items:center;gap:8px;font:9px monospace;display:flex}.reserve{background:#b5aa7738;flex:1;height:5px;overflow:hidden}.reserve div{background:#b9c273;height:100%;transition:width .2s}.reserve.low div{background:#de8955}.small{color:#a9ac89;margin-top:7px;font:10px/1.4 Arial,sans-serif}.hud-score{color:#aaa685;margin-top:10px;font-size:9px}.hud-score #score{color:#e4d9b0}.hud-score #score span{display:none}.hud-score .best{float:right}.depth{color:#4e442d;text-shadow:0 1px #ffe8ae;opacity:.75;pointer-events:none;font:9px monospace;position:absolute;bottom:72px;right:25px}.room-labels{pointer-events:none;position:absolute;inset:0}.room-tag{white-space:pre;text-align:center;color:#f7e6ad;text-shadow:0 1px 3px #32291e,0 0 4px #32291e;opacity:.9;font:9px/1.15 Arial,sans-serif;position:absolute;transform:translate(-50%)}.phase-overlay{text-align:center;z-index:4;background:#292a20ed;border:1px solid #e8ce8760;border-radius:5px;max-width:420px;padding:20px 30px;font:21px/1.5 Georgia,serif;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.phase-overlay:empty{display:none}.draft-tray{z-index:4;width:min(552px,100% - 510px);min-width:450px;transition:transform .3s,opacity .3s;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.draft-heading{color:#fff0bc;text-shadow:0 2px 5px #3c2b17;justify-content:center;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;display:flex}.draft-heading #draft-hint{opacity:.8;font-size:10px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.card{text-align:center;color:#f5e7b8;touch-action:none;background:linear-gradient(140deg,#363a27,#22281c);border:1px solid #bbaa705e;border-radius:7px 7px 3px 3px;height:182px;padding:0 11px 12px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px 18px #44301860}.card:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:1px;position:absolute;top:5px;left:9px;right:9px}.card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-7px)}.card.selected{border-color:#efd896;transform:translateY(-13px);box-shadow:0 0 0 1px #efd89660,0 8px 24px #39291860}.card-art{background:radial-gradient(#7d774528,#0000 65%);height:80px;margin:0 -10px}.card-art svg{filter:drop-shadow(0 3px 4px #0005);width:100%;height:80px}.card-number{color:#a1a981;font:10px Georgia,serif;position:absolute;top:10px;left:10px}.card strong{color:#f7eac5;margin:0 0 9px;font:17px Georgia,serif;display:block}.card p{color:#b6b897;margin:0;font-size:10px;line-height:1.4}.skip{color:#625134;text-shadow:0 1px #f1d99f;margin:8px auto 0;padding:3px 12px;font-size:10px;display:block}.skip:hover{color:#201d12}.watching .draft-tray{opacity:0;pointer-events:none;transform:translate(-50%,110%)}.message-wrap{text-align:center;color:#514126;text-shadow:0 1px #f5dfa6;pointer-events:none;width:min(600px,100% - 510px);font:12px/1.5 Arial,sans-serif;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.choosing .message-wrap{font-size:11px;bottom:258px}.error-text{color:#9d3e27!important}.sun-track{background:#75644333;height:3px;position:absolute;bottom:0;left:0;right:0}.sun-fill{background:#c8ad62;width:0;height:100%}.room-detail{color:#4a442b;text-align:right;pointer-events:none;text-shadow:0 1px #e8d5a5;max-width:190px;font:10px/1.5 Arial,sans-serif;position:absolute;bottom:117px;right:25px}.room-detail:empty{display:none}dialog{color:#eadfbc;background:linear-gradient(130deg,#303725,#20281d);border:1px solid #bdaf7955;border-radius:9px;width:min(490px,100vw - 28px);max-height:calc(100dvh - 40px);padding:25px;overflow:auto;box-shadow:0 20px 100px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#15211470}.menu-heading{justify-content:space-between;align-items:center;display:flex}.menu-heading h1{letter-spacing:5px;text-transform:uppercase;margin:0;font:32px Georgia,serif}.menu-heading button{padding:0 5px;font-size:28px}.menu-intro{color:#aeb597;margin:12px 0 26px;font:italic 14px Georgia,serif}.setting-row,.seed-control{justify-content:space-between;align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.seed-control input{width:106px}.seed-control label{flex:1}dialog button:not(#settings-close){border:1px solid #b1bb803b;border-radius:4px;padding:8px 11px;font-size:11px}dialog button:hover{background:#bbc38b16}input,select{color:#dbe0bb;background:#1b2418;border:1px solid #bbc88644;border-radius:4px;padding:7px;font-size:12px}input[type=range]{accent-color:#bbbf86;padding:0}.replay{border-top:1px solid #a8b07630;margin-top:24px;padding-top:17px}.replay h2{letter-spacing:1px;text-transform:uppercase;color:#bcc7a2;margin:0 0 14px;font:11px Arial,sans-serif}.transport{flex-wrap:wrap;gap:6px;margin:11px 0;display:flex}.replay input{width:100%}.replay time{text-align:center;color:#9bab8a;margin:8px 0;font:10px monospace;display:block}details{color:#b9c1a5;margin:20px 0;font-size:11px}summary{cursor:pointer;margin-bottom:13px}details input{width:52px}details p{font-size:11px;line-height:1.6}.menu-help{color:#a6b091;border-top:1px solid #a8b07630;padding-top:16px;font-size:11px;line-height:1.65}.menu-foot{letter-spacing:.7px;color:#849676;margin-top:22px;font-size:9px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1000px){.draft-tray{width:450px;min-width:0}.colony-hud{width:175px;padding:11px;bottom:20px;left:15px}.message-wrap{width:450px}.camera{bottom:22px;right:14px}.depth{right:15px}.card{height:174px}.card strong{font-size:15px}.room-detail{max-width:155px}.draft-heading #draft-hint{display:none}}@media (width<=760px){.draft-tray{width:min(420px,100% - 28px);bottom:12px}.cards{gap:8px}.card{height:158px;padding:0 9px 10px}.card-art,.card-art svg{height:62px}.card strong{margin-bottom:6px;font-size:15px}.card p{font-size:9px}.colony-hud{width:161px;padding:10px 12px;bottom:16px;left:12px}.choosing .colony-hud{bottom:242px}.choosing .camera{bottom:249px}.choosing .depth{bottom:291px}.choosing .room-detail{display:none}.hud-population strong{font-size:25px}.hud-population{margin:3px 0 8px}.hud-day{font-size:10px}.hud-score{margin-top:7px}.small{font-size:9px}.menu-toggle{width:36px;height:36px;font-size:18px;top:14px;right:14px}.message-wrap{width:calc(100% - 36px);font-size:11px;bottom:167px}.choosing .message-wrap{font-size:10px;bottom:218px}.draft-heading{margin-bottom:10px;font-size:11px}.depth{text-align:right;max-width:155px;font-size:8px}.camera button{width:30px;height:30px}.room-detail{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.colony-hud{width:154px;box-shadow:none;color:#3c352a;text-shadow:0 1px #eee6cb;background:0 0;border:0;padding:0;bottom:25px;left:24px}.hud-day{display:contents}#day-label{color:#3c352a;margin-bottom:10px;font:22px Georgia,serif;display:block}.queen-line{letter-spacing:.6px;gap:5px;font-size:8px}.reserve{background:#554c3730;height:4px}.reserve div{background:#747c4b}.queen-line #queen{display:none}.colony-hud .small,.hud-score,.hud-population,.depth,.room-detail,.sun-track,.message-wrap,.draft-heading{display:none!important}.draft-tray{bottom:17px}.card{background:linear-gradient(140deg,#414435ee,#2e3329f5);border-color:#8c89745c;height:144px;transition:transform .18s,opacity .13s,border-color .18s}.card-art,.card-art svg{height:79px}.card p{opacity:0;font-size:9px;transition:opacity .15s;position:absolute;inset:auto 9px 9px}.card:hover p,.card:focus-visible p{opacity:1}.card:hover strong,.card:focus-visible strong{transform:translateY(-5px)}.card:hover:not(:disabled){border-color:#b8b394;transform:translateY(-13px);box-shadow:0 14px 22px #30271740}.card:hover .card-art{transform:translateY(-5px)}.card-art{transition:transform .18s}.card.selected{transform:translateY(-10px)}.skip{color:#534d3e;text-shadow:0 1px #e5dcc7;font-size:10px}body.dragging,body.dragging canvas{cursor:grabbing!important}.dragging .draft-tray .card{opacity:0;pointer-events:none;transform:translateY(70px)}.dragging .skip{opacity:0;pointer-events:none}#drag-token{z-index:20;pointer-events:none;filter:drop-shadow(0 8px 8px #30271955);width:110px;height:75px;transition:opacity 80ms,transform 80ms;position:fixed;transform:translate(-50%,-55%)rotate(-5deg)}#drag-token svg{width:100%;height:100%}#drag-token.over-world{opacity:0}.invalid-drop #drag-token{filter:drop-shadow(0 0 4px #91482f)}.camera button:disabled{opacity:.22;cursor:default}.room-tag.pending{color:#625949;text-shadow:0 1px #e5dcc2;font-size:10px;line-height:1.3}.camera{bottom:26px}.menu-census{color:#a9b098;font-size:11px;line-height:1.6}.menu-foot{margin-top:14px}#menu-message{color:#d2c295;font-size:12px;line-height:1.5}#menu-message:empty{display:none}@media (width<=760px){.colony-hud,.choosing .colony-hud{width:142px;bottom:211px;left:17px}.watching .colony-hud{bottom:25px}.choosing .camera{bottom:211px}.card{height:141px}.card p{opacity:1;font-size:9px}.card-art,.card-art svg{height:62px}.card strong{margin-bottom:5px;font-size:14px}.card:hover strong{transform:none}.draft-tray{bottom:12px}.camera{bottom:22px}#day-label{font-size:20px}.skip{margin-top:5px}}.colony-hud,#day-label,.queen-line{color:var(--hud-text,#3c352a);text-shadow:0 1px var(--hud-shadow,#e5dcc7)}.room-tag.pending{color:var(--hud-text,#625949);text-shadow:0 1px var(--hud-shadow,#e5dcc7)}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.card,.camera button,.menu-toggle,dialog{border-radius:0}.card-art svg,#drag-token svg{image-rendering:pixelated;shape-rendering:crispedges;filter:none}.card{box-shadow:3px 3px #171d2455}.card strong,#day-label{font-family:monospace}.menu-toggle{background:#22213d88}@media (width<=760px){.card{height:154px}.card p{line-height:1.3}}.room-detail:not([hidden]){z-index:6;color:#e4dfc8;text-align:left;width:250px;max-width:calc(100vw - 16px);text-shadow:none;pointer-events:none;background:#242b28f2;border:1px solid #a9af8466;padding:12px 14px;font:11px/1.5 Arial,sans-serif;position:absolute;bottom:auto;right:auto;box-shadow:3px 3px #17201d55;display:block!important}.room-detail strong{color:#fff0c7;margin-bottom:7px;font:14px monospace;display:block}.room-detail div+div{margin-top:5px}.room-detail div:last-child{color:#aeb99d;margin-top:9px}.role-counts{gap:4px;margin:-2px 0 12px;font:11px/1.3 monospace;display:grid}.role-counts #ant-total{opacity:.7;font-size:10px}.draft-tray{width:min(720px,100% - 430px);min-width:560px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.card strong{font-size:14px}.card p{font-size:9px}@media (width<=1000px){.draft-tray{width:min(620px,100% - 26px);min-width:0}.card{padding-left:6px;padding-right:6px}.card strong{font-size:12px}}@media (width<=760px){.draft-tray{width:calc(100% - 20px)}.cards{gap:5px}.card{height:154px}.card strong{font-size:11px}.card p{font-size:8px;line-height:1.3}.colony-hud,.choosing .colony-hud{bottom:199px}.role-counts{gap:3px;font-size:10px}}