:root{--brass-hl:#fff0c4;--brass-l:#f1d79a;--brass:#c9a25e;--brass-m:#9c7a43;--brass-d:#5f4628;--brass-dd:#33251a;--text:#ecdcbc;--text-hi:#fff4dc;--muted:#a8926f;--dim:#6f5d45;--glass-1:#261b13eb;--glass-2:#0e0a07f2;--ink:#0a0705;--line:#c9a25e61;--line-soft:#c9a25e29;--spice:#ffb347;--spice-d:#c1541f;--good:#6ee08a;--warn:#f0cf5a;--bad:#ff5b45;--house:#4f8dff;--house-l:#a9c8ff;--house-d:#16307a;--house-glow:#4f8dff8c;--f-ui:"Rajdhani", "Segoe UI", "Helvetica Neue", sans-serif;--f-disp:"Cinzel", "Times New Roman", serif;--f-num:"Share Tech Mono", "Consolas", monospace;--font:var(--f-ui);--side:272px;--top:42px;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .88 0 0 0 0 .7 .32 0 0 0 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--corners:linear-gradient(var(--brass), var(--brass)) top left / 9px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) top left / 1px 9px no-repeat, linear-gradient(var(--brass), var(--brass)) top right / 9px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) top right / 1px 9px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom left / 9px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom left / 1px 9px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom right / 9px 1px no-repeat, linear-gradient(var(--brass), var(--brass)) bottom right / 1px 9px no-repeat}:root[data-house=harkonnen],[data-house=harkonnen]{--house:#ff4b36;--house-l:#ffb09f;--house-d:#6c1010;--house-glow:#ff4b368c}:root[data-house=ordos],[data-house=ordos]{--house:#3ed46a;--house-l:#aaf5c0;--house-d:#145c24;--house-glow:#3ed46a80}:root[data-house=atreides],[data-house=atreides]{--house:#4f8dff;--house-l:#a9c8ff;--house-d:#16307a;--house-glow:#4f8dff8c}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--f-ui);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#000;margin:0;font-weight:500;overflow:hidden}button{font-family:var(--f-ui)}[hidden]{display:none!important}#app{background:#000;flex-direction:column;display:flex;position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--brass-m), var(--brass-d));border-radius:3px}::-webkit-scrollbar-track{background:0 0}.cmd,.topbtn{--b:var(--brass-d);cursor:pointer;font:600 13px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text);border:1px solid var(--brass-d);text-shadow:0 1px 1px #000;background:linear-gradient(#ffe6b412,#0000 45%),linear-gradient(#2c2016,#18110b);border-radius:2px;padding:6px 10px;transition:color .15s,border-color .15s,box-shadow .2s,background .2s,transform 80ms;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe4b024,inset 0 -1px #0009,0 1px 2px #0009}.cmd:after,.topbtn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffecbe2e 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.cmd:hover:not(:disabled),.topbtn:hover{color:var(--text-hi);border-color:var(--brass);box-shadow:inset 0 1px #ffe4b038,inset 0 0 14px #c9a25e29,0 0 10px #c9a25e40,0 1px 2px #0009}.cmd:hover:not(:disabled):after,.topbtn:hover:after{transition:transform .6s;transform:translate(120%)}.cmd:active:not(:disabled),.topbtn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #000000b3,0 0 #0000}.cmd.active{color:#fff;border-color:var(--house-l);background:linear-gradient(180deg, #ffffff29, transparent 50%), linear-gradient(180deg, var(--house), var(--house-d));box-shadow:inset 0 1px 0 #ffffff4d, 0 0 12px var(--house-glow)}.cmd:disabled{opacity:.38;cursor:default;filter:saturate(.3)}.cmd.big{letter-spacing:.12em;min-width:140px;padding:11px 22px;font-size:15px}.cmd kbd{font:600 9px/1 var(--f-num);color:var(--brass);border:1px solid var(--brass-d);letter-spacing:0;background:#00000073;border-radius:2px;padding:1px 3px 2px;position:absolute;top:3px;right:3px}.cmd.active kbd{color:#fff;border-color:#ffffff80}#topbar{z-index:3;height:var(--top);flex:0 0 var(--top);background:var(--noise), linear-gradient(180deg, #2d2117 0%, #1a130d 55%, #0e0a07 100%);align-items:center;gap:8px;padding:0 0 0 8px;display:flex;position:relative;box-shadow:inset 0 1px #ffe4b01a,0 2px 10px #000000b3}#topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--house) 50%, transparent) center / 40% 1px no-repeat, linear-gradient(90deg, var(--brass-d), var(--brass) 20%, var(--brass-l) 50%, var(--brass) 80%, var(--brass-d));pointer-events:none;background-position:50% 1px,0 0;background-size:40% 1px,100% 1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.topbtn{align-items:center;gap:7px;height:28px;padding:0 14px 0 10px;font-size:13px;display:inline-flex}.topbtn svg{fill:none;width:15px;height:15px;stroke:var(--brass);stroke-width:1.6px;flex:0 0 15px}.topbtn:hover svg{stroke:var(--brass-l)}.topbtn .fs-out,:root.fs .topbtn .fs-in{display:none}:root.fs .topbtn .fs-out{display:inline}.topbtn kbd{font:10px/1 var(--f-num);color:var(--muted);border:1px solid var(--brass-dd);border-radius:2px;padding:2px 3px}#ticker{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative}#message{max-width:100%;font:600 16px/1.2 var(--f-ui);letter-spacing:.06em;color:var(--text-hi);text-shadow:0 0 10px #ffc87859,0 1px 1px #000;opacity:0;white-space:nowrap;text-overflow:ellipsis;background:radial-gradient(60% 100%,#ffbe641a,#0000 75%);padding:4px 18px;transition:opacity .6s,transform .6s,letter-spacing .6s;overflow:hidden}#message:before,#message:after{content:"◆";vertical-align:3px;color:var(--house);text-shadow:0 0 6px var(--house-glow);margin:0 10px;font-size:8px}#message.show{opacity:1;animation:.5s cubic-bezier(.2,.8,.2,1) ticker-in}#message.fade{opacity:0;transform:translateY(-4px)}@keyframes ticker-in{0%{opacity:0;letter-spacing:.18em;filter:blur(2px);transform:translateY(6px)}}#credits{height:100%;width:var(--side);flex:0 0 var(--side);border-left:1px solid var(--line-soft);background:linear-gradient(90deg,#00000040,#0000);justify-content:flex-end;align-items:center;gap:10px;padding:0 10px;display:flex}#credits-label{font:600 11px/1 var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}#credits-label:before{content:"";vertical-align:-1px;background:radial-gradient(circle at 35% 35%, #ffe2a8, var(--spice) 45%, var(--spice-d));width:9px;height:9px;margin-right:7px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 6px #ffaa3cb3}#credits-val{border:1px solid var(--brass-d);background:linear-gradient(#000000e6,#1a0e04e6),#000;border-radius:2px;align-items:center;height:28px;padding:0 6px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000000e6,inset 0 0 12px #ff8c1e14,0 1px #ffe4b014}#credits-val:after{content:"";pointer-events:none;background:linear-gradient(#ffffff12,#0000);position:absolute;inset:0 0 50%}.digit{width:.62em;height:1.15em;font:22px/1.15 var(--f-num);color:var(--spice);text-align:center;text-shadow:0 0 6px #ff9628bf,0 0 14px #ff781459;display:inline-block;overflow:hidden}.digit.lead{color:#ffb34738;text-shadow:none}.digit .strip{transition:transform .12s cubic-bezier(.3,.7,.3,1);display:block}.digit .strip span{height:1.15em;display:block}#credits.up .digit:not(.lead){color:#ffd48a}#credits.down .digit:not(.lead){color:#ff9b5c}#mp-info{font:600 14px/1 var(--f-ui);letter-spacing:.04em;color:var(--text);white-space:nowrap;border:1px solid var(--line-soft);background:#0000004d;border-radius:14px;align-items:center;gap:8px;padding:5px 12px;display:flex}#mp-info .dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 8px var(--good);border-radius:50%;animation:2.4s ease-in-out infinite blink;display:inline-block}#mp-info .dot.off{background:var(--bad);box-shadow:0 0 8px var(--bad);animation-duration:.8s}@keyframes blink{50%{opacity:.45}}#main{flex:1;min-height:0;display:flex}#view{background:#000;flex:1;min-width:0;position:relative}#view:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 80px #00000073,inset -6px 0 12px #0009}#game{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.edge-hint{z-index:2;pointer-events:none;opacity:0;--edge-c:#f4e6c429;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute}.edge-hint.on{opacity:1}.edge-hint:before{content:"";filter:drop-shadow(0 0 2px #000c);border-top:3px solid #f4e6c4bf;border-left:3px solid #f4e6c4bf;width:14px;height:14px}.edge-top{background:linear-gradient(to bottom, var(--edge-c), transparent);top:0;left:0;right:0}.edge-top:before{transform:translateY(-3px)rotate(45deg)}.edge-bottom{background:linear-gradient(to top, var(--edge-c), transparent);bottom:0;left:0;right:0}.edge-bottom:before{transform:translateY(3px)rotate(225deg)}.edge-left{background:linear-gradient(to right, var(--edge-c), transparent);top:0;bottom:0;left:0}.edge-left:before{transform:translate(-3px)rotate(-45deg)}.edge-right{background:linear-gradient(to left, var(--edge-c), transparent);top:0;bottom:0;right:0}.edge-right:before{transform:translate(3px)rotate(135deg)}.edge-limit{z-index:2;pointer-events:none;opacity:0;--limit-line:#ffb25cf2;--limit-glow:#ff963c52;transition:opacity .45s ease-out;position:absolute}.edge-limit.on{opacity:1;transition-duration:80ms}.edge-limit.edge-top,.edge-limit.edge-bottom{height:36px;left:0;right:0}.edge-limit.edge-left,.edge-limit.edge-right{width:36px;top:0;bottom:0}.edge-limit.edge-top{border-top:3px solid var(--limit-line);background:linear-gradient(to bottom, var(--limit-glow), transparent);top:0}.edge-limit.edge-bottom{border-bottom:3px solid var(--limit-line);background:linear-gradient(to top, var(--limit-glow), transparent);bottom:0}.edge-limit.edge-left{border-left:3px solid var(--limit-line);background:linear-gradient(to right, var(--limit-glow), transparent);left:0}.edge-limit.edge-right{border-right:3px solid var(--limit-line);background:linear-gradient(to left, var(--limit-glow), transparent);right:0}.edge-hint.blocked:before{opacity:.2}#paused{z-index:4;font:700 clamp(40px, 6vw, 84px) / 1 var(--f-disp);letter-spacing:.4em;color:var(--brass-l);text-shadow:0 0 24px #ffc86e73,0 2px #000;-webkit-backdrop-filter:saturate(.3)blur(2px);pointer-events:none;background:linear-gradient(90deg,#0000 15%,#0009 35% 65%,#0000 85%) 50%/100% 1.9em no-repeat,#06040266;justify-content:center;align-items:center;padding-left:.4em;animation:.35s fade-in;display:flex;position:absolute;inset:0}#netwait{z-index:4;font:600 19px/1.2 var(--f-ui);letter-spacing:.08em;color:var(--text-hi);pointer-events:none;text-align:center;border:1px solid var(--line);background:var(--corners), var(--noise), linear-gradient(180deg, var(--glass-1), var(--glass-2));border-radius:3px;align-items:center;gap:14px;padding:14px 26px 14px 18px;animation:.3s pop-in;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #000000b3,inset 0 1px #ffe4b01a}#netwait:before{content:"";border:2px solid #c9a25e33;border-top-color:var(--brass-l);border-right-color:var(--house);border-radius:50%;flex:0 0 22px;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}}#chat-input{width:min(460px,100%);height:28px;font:500 15px var(--f-ui);color:var(--text-hi);border:1px solid var(--brass-m);-webkit-user-select:text;user-select:text;background:#0009;border-radius:2px;outline:none;padding:0 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 6px #000c,0 0 12px #c9a25e40}#chat-input::placeholder{color:var(--dim)}#chat-log{pointer-events:none;z-index:2;flex-direction:column;gap:3px;max-width:50%;display:flex;position:absolute;top:12px;left:12px}#chat-log .line{font:500 15px/1.3 var(--f-ui);color:var(--text-hi);text-shadow:0 1px 2px #000;border-left:2px solid var(--brass);-webkit-backdrop-filter:blur(3px);background:linear-gradient(90deg,#0a0704d1,#0a070459);padding:3px 12px 3px 8px;transition:opacity 1s,transform 1s;animation:.3s chat-in}#chat-log .line.old{opacity:0;transform:translate(-10px)}#chat-log .who{margin-right:6px;font-weight:700}@keyframes chat-in{0%{opacity:0;transform:translate(-12px)}}#tooltip,#btip{z-index:15;pointer-events:none;color:var(--text-hi);border:1px solid var(--line);background:var(--noise), linear-gradient(180deg, #221810f2, #0c0805f5);border-radius:2px;position:fixed;box-shadow:0 6px 20px #000000b3,inset 0 1px #ffe4b01a}#tooltip{font:600 13px/1 var(--f-ui);letter-spacing:.04em;white-space:nowrap;border-left:2px solid var(--house);padding:6px 10px}#btip{width:250px;padding:10px 12px 11px;animation:.15s tip-in}#btip:before{content:"";border-top:1px solid var(--line);border-right:1px solid var(--line);background:#1c140d;width:10px;height:10px;position:absolute;top:22px;right:-6px;transform:rotate(45deg)}@keyframes tip-in{0%{opacity:0;transform:translate(6px)}}.btip-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;padding-bottom:6px;display:flex}.btip-name{font:700 16px/1.1 var(--f-ui);letter-spacing:.04em;color:var(--brass-l)}.btip-cost{font:15px/1 var(--f-num);color:var(--spice);white-space:nowrap}.btip-cost.poor{color:var(--bad)}.btip-desc{font:500 13px/1.35 var(--f-ui);color:var(--text)}.btip-meta{font:600 11px/1.3 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:7px}#sidebar{z-index:2;width:var(--side);flex:0 0 var(--side);background:var(--noise), radial-gradient(ellipse 120% 40% at 50% 0%, #ffc8820f, transparent), linear-gradient(180deg, #1d150e, #0f0b08 60%, #0b0806);flex-direction:column;gap:8px;padding:10px 10px 10px 12px;display:flex;position:relative;overflow:hidden;box-shadow:-8px 0 24px #0009}#sidebar:before{content:"";background:linear-gradient(180deg, transparent, var(--house) 30%, var(--house) 70%, transparent) 1px 0 / 1px 100% no-repeat, linear-gradient(90deg, var(--brass-d), var(--brass-l) 40%, var(--brass-m) 60%, var(--brass-dd));opacity:.9;pointer-events:none;width:4px;position:absolute;top:0;bottom:0;left:0}#sel-panel,#bars,#minimap-wrap{border:1px solid var(--line);background:var(--noise), linear-gradient(180deg, var(--glass-1), var(--glass-2));border-radius:3px;position:relative;box-shadow:inset 0 1px #ffe4b017,inset 0 0 20px #0000008c,0 3px 10px #00000080}#sel-panel:before,#bars:before{content:"";background:var(--corners);pointer-events:none;opacity:.9;position:absolute;inset:-1px}#sel-panel{grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:4px 10px;min-height:104px;padding:9px;animation:.25s panel-in;display:grid}#sel-panel:not(:has(.portrait,.emblem)){text-align:center;grid-template-columns:1fr}#sel-panel:empty{display:none}@keyframes panel-in{0%{opacity:.4}}.portrait,.emblem{grid-row:1/span 6;align-self:start}.portrait{border:1px solid var(--brass-m);background:#0a0705;border-radius:2px;width:112px;height:84px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 14px #0009,inset 0 0 0 1px #0009}.portrait canvas{width:100%;height:100%;display:block}.portrait:after{content:"";background:linear-gradient(160deg, #ffffff24, transparent 38%), repeating-linear-gradient(0deg, #0000001f 0 1px, transparent 1px 3px), linear-gradient(0deg, color-mix(in srgb, var(--house) 30%, transparent), transparent 45%);mix-blend-mode:normal;pointer-events:none;position:absolute;inset:0}.sel-name{font:700 16px/1.1 var(--f-ui);letter-spacing:.03em;color:var(--brass-l);text-shadow:0 1px 2px #000}.sel-info{font:500 12.5px/1.35 var(--f-ui);color:var(--muted)}.emblem svg{width:84px;height:84px;filter:drop-shadow(0 0 10px var(--house-glow)) drop-shadow(0 3px 4px #000);display:block}.emblem{padding:0 6px}.hpbar{width:100%;height:8px;box-shadow:0 0 0 1px var(--brass-dd), inset 0 1px 3px #000000e6;background:#050302;border:1px solid #000;border-radius:1px;position:relative;overflow:hidden}.hpbar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 9px,#000000b3 9px 10px);position:absolute;inset:0}.hpfill{height:100%;transition:width .3s}.hpfill.good{background:linear-gradient(180deg, #b8ffc8, var(--good) 40%, #1f8f45);box-shadow:0 0 8px #6ee08a99}.hpfill.mid{background:linear-gradient(180deg, #fff3b0, var(--warn) 40%, #a88814);box-shadow:0 0 8px #f0cf5a99}.hpfill.bad{background:linear-gradient(180deg, #ffc0b0, var(--bad) 40%, #a01a10);animation:.9s ease-in-out infinite blink;box-shadow:0 0 8px #ff5b45b3}#commands{flex-direction:column;gap:4px;display:flex}#commands:empty{display:none}.cmdgrid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.cmdgrid .cmd{height:30px;padding:0 4px;font-size:12.5px}.cmdgrid .cmd.wide{grid-column:1/-1}.btnprog{background:var(--house-l);height:2px;box-shadow:0 0 6px var(--house);transition:width .2s linear;position:absolute;bottom:0;left:0}#buildlist{scrollbar-width:thin;scrollbar-color:var(--brass-d) transparent;flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;min-height:0;margin:-3px -3px -3px -1px;padding:3px 3px 3px 1px;display:grid;overflow:hidden auto}.bitem{--p:0;cursor:pointer;border:1px solid var(--brass-d);background:#0a0705;border-radius:3px;height:0;padding-bottom:75%;transition:transform .16s,box-shadow .2s,border-color .2s,filter .2s;animation:.3s backwards tile-in;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 3px 8px #0000008c}.bitem:nth-child(2){animation-delay:30ms}.bitem:nth-child(3){animation-delay:60ms}.bitem:nth-child(4){animation-delay:90ms}.bitem:nth-child(5){animation-delay:.12s}.bitem:nth-child(n+6){animation-delay:.15s}@keyframes tile-in{0%{opacity:0;transform:translateY(6px)}}.bitem canvas{width:100%;height:100%;transition:transform .3s;display:block;position:absolute;inset:0}.bitem:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(165deg,#fff5dc21,#0000 35%),linear-gradient(#0000 54%,#05030280 76%,#050302f2);position:absolute;inset:0}.bitem:after{content:"";z-index:4;pointer-events:none;border-radius:2px;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000008c,inset 0 1px 0 1px #ffe4b012}.bitem:hover{border-color:var(--brass-l);transform:translateY(-2px);box-shadow:0 0 0 1px #000,0 6px 14px #0009,0 0 14px #f1d79a4d}.bitem:hover canvas{transform:scale(1.06)}.bitem:active{transform:translateY(0)}.bname{z-index:3;font:700 11.5px/1.05 var(--f-ui);letter-spacing:.02em;color:var(--text-hi);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:4px;left:6px;right:6px;overflow:hidden}.bcost{z-index:3;font:12px/1 var(--f-num);color:var(--spice);background:radial-gradient(circle at 6px 50%, var(--spice) 0 2px, transparent 2.5px), #000000b8;text-shadow:0 0 5px #ff962880;border:1px solid #ffb34740;border-radius:2px;padding:2px 4px 2px 12px;position:absolute;top:4px;right:4px}.bcost.cheap{color:#9cf07a;border-color:#8cf06e59}.bcost.dear{color:#ff8a70;border-color:#ff785a59}.bstock{z-index:3;font:12px/1 var(--f-num);color:var(--text-hi);background:#000000b8;border-radius:2px;padding:2px 4px;position:absolute;top:4px;left:4px}.bitem.soldout canvas{filter:grayscale()brightness(.45)}.bitem.choam.incart{outline-offset:-2px;outline:2px solid #ffb347cc}.bitem.choam .blabel{border:2px solid var(--spice);background:#0009;width:34px;height:34px}.sel-info.deviated{color:#8cf07a}.boverlay{z-index:2;background:conic-gradient(from 0deg, transparent calc(var(--p) * 360deg), #060403a8 0);pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.blabel{z-index:3;pointer-events:none;font:600 13px/1 var(--f-num);color:#fff;text-shadow:0 0 4px #000,0 1px 2px #000;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.blabel:empty{display:none}.bitem.current .boverlay{opacity:1}.bitem.current:not(.ready) .blabel{background:radial-gradient(circle, #0009 0 19px, transparent 19.5px), conic-gradient(var(--house-l), var(--house) calc(var(--p) * 360deg), #ffffff1f 0);filter:drop-shadow(0 0 4px var(--house-glow));-webkit-mask:radial-gradient(circle,#000 0 19px,#0000 19.5px 20.5px,#000 21px 24px,#0000 24.5px);mask:radial-gradient(circle,#000 0 19px,#0000 19.5px 20.5px,#000 21px 24px,#0000 24.5px)}.bitem.current{border-color:var(--house);box-shadow:0 0 0 1px #000, 0 0 12px var(--house-glow)}.bitem.hold .blabel{font:700 10px/1.05 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;white-space:normal;text-align:center;color:var(--warn)}.bitem.hold .boverlay{background:repeating-linear-gradient(-45deg, #f0cf5a14 0 6px, transparent 6px 12px), conic-gradient(from 0deg, transparent calc(var(--p) * 360deg), #060403b8 0)}.bitem.ready{border-color:var(--brass-l);animation:1.1s ease-in-out infinite ready-pulse}.bitem.ready .blabel{width:auto;height:auto;font:700 12px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:#1a1006;text-shadow:none;background:linear-gradient(180deg, #fff3cf, var(--brass-l) 50%, var(--brass));border-radius:2px;padding:4px 9px 5px;top:40%;box-shadow:0 0 14px #ffdc82cc,0 1px 2px #000}.bitem.ready .blabel:empty{display:none}.bitem.ready:after{box-shadow:inset 0 0 18px #ffdc828c,inset 0 0 0 1px #fff0c899}@keyframes ready-pulse{0%,to{box-shadow:0 0 0 1px #000,0 0 6px #ffd77866}50%{box-shadow:0 0 0 1px #000,0 0 18px #ffd778f2}}.bitem.placing{border-color:var(--good);animation:none;box-shadow:0 0 0 1px #000,0 0 14px #6ee08acc}.bitem.placing .blabel{background:linear-gradient(180deg, #d6ffe0, var(--good))}.bitem.busy{filter:grayscale(.85)brightness(.55);cursor:not-allowed}.bitem.busy:hover{border-color:var(--brass-d);transform:none}.bitem.poor:not(.current) .bcost{color:var(--bad);background:radial-gradient(circle at 6px 50%, var(--bad) 0 2px, transparent 2.5px), #000000b8;text-shadow:0 0 5px #ff5b4580;border-color:#ff5b4566}.bitem.poor:not(.current) canvas{filter:saturate(.5)brightness(.8)}.hint{font:500 13.5px/1.4 var(--f-ui);color:var(--text);text-align:center;cursor:pointer;background:radial-gradient(at 50% 0,#c9a25e1a,#0000 70%);border:1px dashed #c9a25e59;border-radius:3px;grid-column:1/-1;padding:14px 12px;transition:border-color .2s,background .2s}.hint:before{content:"";opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a25e' stroke-width='1.5'%3E%3Cpath d='M3 21h18M5 21V10l7-5 7 5v11M9 21v-6h6v6'/%3E%3C/svg%3E") 50%/contain no-repeat;width:26px;height:26px;margin:0 auto 8px;display:block}.hint:hover{border-color:var(--brass);background:radial-gradient(at 50% 0,#c9a25e33,#0000 70%)}#bars{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.barrow{font:700 10.5px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;grid-template-columns:74px 1fr auto;align-items:center;gap:8px;display:grid}.barrow span:last-child{font:12px/1 var(--f-num);letter-spacing:0;color:var(--text-hi);text-align:right;min-width:52px}.bar{height:9px;box-shadow:0 0 0 1px var(--brass-dd), inset 0 1px 3px #000;background:#040302;border-radius:1px;position:relative;overflow:hidden}.bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 6px,#000000d9 6px 8px);position:absolute;inset:0}#power-bar,#storage-bar{height:100%;transition:width .5s cubic-bezier(.3,.7,.3,1);position:relative;overflow:hidden}#power-bar:before,#storage-bar:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000) 0 0/40px 100% no-repeat;animation:2.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-40px 0}to{background-position:260px 0}}#power-bar{background:linear-gradient(#d4ffe0,#59e083 45%,#1d8a42);box-shadow:0 0 10px #59e083a6}#power-bar.low{background:linear-gradient(180deg, #ffd0c4, var(--bad) 45%, #96180c);animation:.8s ease-in-out infinite blink;box-shadow:0 0 10px #ff5b45cc}#storage-bar{background:linear-gradient(180deg, #ffe6b0, var(--spice) 45%, var(--spice-d));box-shadow:0 0 10px #ffaa3c99}#power-label:before,#storage-label:before{content:"";vertical-align:-1px;background:50%/contain no-repeat;width:9px;height:9px;margin-right:6px;display:inline-block}#power-label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M6 0L1 6h3L3 10l6-6H6z' fill='%2359e083'/%3E%3C/svg%3E")}#storage-label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l5 5-5 5-5-5z' fill='%23ffb347'/%3E%3C/svg%3E")}#minimap-wrap{border-color:var(--brass-m);background:linear-gradient(135deg,#3a2a1a,#120c08 45%,#2a1e13),#120c08;align-self:center;width:100%;padding:7px;line-height:0;box-shadow:inset 0 1px #ffe4b033,inset 0 -1px #000c,0 3px 12px #0009}#minimap-wrap:before{content:"";pointer-events:none;z-index:2;border:1px solid #000;position:absolute;inset:5px;box-shadow:0 0 0 1px #ffe4b01f,inset 0 0 0 1px #c9a25e40}#minimap-wrap:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(var(--brass-l), var(--brass-l)) top left / 12px 2px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) top left / 2px 12px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) top right / 12px 2px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) top right / 2px 12px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) bottom left / 12px 2px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) bottom left / 2px 12px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) bottom right / 12px 2px no-repeat, linear-gradient(var(--brass-l), var(--brass-l)) bottom right / 2px 12px no-repeat, repeating-linear-gradient(0deg, #00000029 0 1px, transparent 1px 3px), radial-gradient(ellipse at 50% 50%, transparent 55%, #0000008c), linear-gradient(155deg, #ffffff12, transparent 40%);opacity:.85;position:absolute;inset:7px}#minimap{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;background:#000;display:block}#radar-label{z-index:3;text-align:center;line-height:1.3;font:700 13px/1.3 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-l);text-shadow:0 0 8px #ffc86e99,0 1px 2px #000;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:7px}#radar-label:before{content:"";opacity:.85;background:radial-gradient(circle,#f1d79acc 0 2px,#0000 2.5px),radial-gradient(circle,#0000 0 14px,#f1d79a59 14.5px 15px,#0000 15.5px),conic-gradient(#f1d79a73,#0000 25%);border:1px solid #f1d79a8c;border-radius:50%;width:46px;height:46px;animation:3s linear infinite spin;box-shadow:0 0 12px #000000e6,inset 0 0 8px #000000b3}#modal{z-index:10;-webkit-backdrop-filter:blur(3px)saturate(.6);background:radial-gradient(at 50% 45%,#140c0673,#000000d1),#00000040;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:fixed;inset:0}#modal-body{border:1px solid var(--brass-m);background:var(--noise), radial-gradient(ellipse 80% 40% at 50% 0%, #ffc88217, transparent), linear-gradient(180deg, #241a12f7, #0c0906fa);width:min(760px,94vw);max-height:88vh;box-shadow:0 0 0 1px #000, 0 0 0 4px #120c08e6, 0 0 0 5px var(--brass-d), 0 30px 80px #000000d9, inset 0 1px 0 #ffe4b01f;scrollbar-width:thin;scrollbar-color:var(--brass-d) transparent;border-radius:4px;flex-direction:column;gap:14px;padding:26px 30px 24px;animation:.35s cubic-bezier(.2,.9,.25,1) modal-in;display:flex;position:relative;overflow-y:auto}#modal-body:before{content:"";background:linear-gradient(90deg, transparent, var(--house), transparent);height:2px;box-shadow:0 0 12px var(--house-glow);position:absolute;top:-1px;left:15%;right:15%}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}#modal-body h2{font:700 26px/1.1 var(--f-disp);letter-spacing:.08em;color:var(--brass-l);text-shadow:0 0 18px #ffc86e40,0 2px #000;align-items:center;gap:14px;margin:0;display:flex}#modal-body>h2{border-bottom:1px solid var(--line-soft);padding-bottom:12px}#modal-body>h2:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.optrow{border-bottom:1px solid #c9a25e1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 2px;display:flex}.optlabel{font:600 16px/1.2 var(--f-ui);letter-spacing:.04em;color:var(--text-hi)}.optrow>span:not(.optlabel){color:var(--muted);font-size:14px}.optgroup{background:#00000073;border-radius:3px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 4px #000c,0 1px #ffe4b00f}.optgroup .cmd{min-width:74px;box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;padding:7px 12px}.optgroup .cmd:hover:not(:disabled){color:var(--text-hi);box-shadow:none;background:#c9a25e1a;border-color:#0000}.optgroup .cmd.active{color:#fff;border-color:var(--house-l);background:linear-gradient(180deg, #ffffff29, transparent 50%), linear-gradient(180deg, var(--house), var(--house-d));box-shadow:0 0 10px var(--house-glow)}.optactions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.optactions>.cmd.big:first-child{border-color:var(--brass);color:#fff6de;background:linear-gradient(#fff0c838,#0000 55%),linear-gradient(#8a6834,#4a3418)}.mentat-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:18px;padding-bottom:12px;display:flex}.mentat-face{background:conic-gradient(from 210deg, var(--brass-d), var(--brass-l), var(--brass-d), var(--brass), var(--brass-d));width:76px;height:76px;box-shadow:0 0 0 1px #000, 0 0 20px var(--house-glow), 0 4px 10px #000000b3;border-radius:50%;flex:0 0 76px;padding:4px;position:relative}.mentat-face svg{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 2px #000}.mentat-face:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff38,#0000 45%),repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);border-radius:50%;position:absolute;inset:4px}.mentat-head h2{flex:1}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;display:flex}.tabs .cmd{box-shadow:none;color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:3px 3px 0 0;padding:9px 16px 8px;font-size:13.5px}.tabs .cmd:hover:not(:disabled){box-shadow:none;background:#c9a25e14;border-color:#0000}.tabs .cmd.active{color:var(--brass-l);border-color:var(--line);box-shadow:inset 0 2px 0 var(--house);background:linear-gradient(#c9a25e29,#0a070499)}.mentat-content{font:500 15.5px/1.55 var(--f-ui);color:var(--text);border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--brass-d) transparent;background:#00000059;border-top:none;max-height:52vh;margin-top:-14px;padding:16px 18px;overflow-y:auto;box-shadow:inset 0 4px 14px #0009}.mentat-content p{margin:0 0 12px}.mentat-content p:first-child:first-letter{font:700 2.2em/.9 var(--f-disp);float:left;color:var(--brass-l);margin:4px 8px 0 0}.ency{border-bottom:1px solid #c9a25e1f;align-items:flex-start;gap:14px;padding:10px 0;display:flex}.ency:last-child{border-bottom:none}.ency canvas{border:1px solid var(--brass-d);border-radius:2px;flex:0 0 112px;width:112px;height:84px;box-shadow:0 0 0 1px #000,0 3px 8px #0009}.ency-name{font:700 17px/1.2 var(--f-ui);letter-spacing:.03em;color:var(--brass-l)}.ency-desc{margin-top:2px;font-size:14.5px;line-height:1.4}.ency-stats{font:600 12px/1.4 var(--f-ui);letter-spacing:.06em;color:var(--muted);margin-top:5px}.mentat-content+.cmd.big{align-self:center}.modal-text{text-align:center;font:500 16px/1.4 var(--f-ui);color:var(--text);margin:0}.modal-text.dur{font:600 12px/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.endtitle{font:900 clamp(48px, 7vw, 76px) / 1 var(--f-disp);letter-spacing:.14em;text-align:center;background:linear-gradient(100deg, var(--c1) 0%, var(--c1) 40%, var(--c2) 50%, var(--c1) 60%, var(--c1) 100%) 0 0 / 250% 100%;color:#0000;filter:drop-shadow(0 0 22px var(--glow)) drop-shadow(0 3px 0 #000);-webkit-background-clip:text;background-clip:text;margin:8px 0 0;padding-left:.14em;animation:3.5s ease-in-out infinite sweep,.8s cubic-bezier(.2,.9,.2,1) end-in;position:relative}.endtitle.win{--c1:#f3c766;--c2:#fff8dc;--glow:#ffc45a80}.endtitle.lose{--c1:#d9483a;--c2:#ffc4b4;--glow:#dc3c2880}@keyframes end-in{0%{opacity:0;letter-spacing:.45em}}@keyframes sweep{0%{background-position:100% 0}60%,to{background-position:0 0}}.endstats{border-collapse:collapse;min-width:min(520px,100%);font:600 15px/1 var(--f-ui);margin:4px auto}.endstats tr:first-child th{font:700 15px/1 var(--f-ui);letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:10px}.endstats th,.endstats td{border-bottom:1px solid #c9a25e1a;padding:9px 14px}.endstats tr:not(:first-child):hover{background:#c9a25e0f}.endstats td{text-align:right;font:16px/1 var(--f-num);color:var(--text-hi);min-width:110px;position:relative}.endstats td .sb{opacity:.7;background:currentColor;border-radius:1px;height:2px;animation:1.1s cubic-bezier(.2,.8,.2,1) backwards grow;position:absolute;bottom:4px;right:14px;box-shadow:0 0 6px}@keyframes grow{0%{width:0!important}}.endstats td.best{color:var(--brass-l)}.endstats th:first-child{text-align:left;color:var(--muted);letter-spacing:.06em;font-weight:600}#title{z-index:20;background:#120a10;justify-content:center;align-items:center;transition:opacity .8s,transform .8s,filter .8s;display:flex;position:fixed;inset:0;overflow:hidden}#title.out{opacity:0;filter:blur(4px);pointer-events:none;transform:scale(1.04)}#menu-bg{width:100%;height:100%;display:block;position:absolute;inset:0}#title:after{content:"";pointer-events:none;background:var(--noise),  radial-gradient(ellipse 34% 46% at 50% 52%, #0a050457, #0a05041f 60%, transparent 100%), radial-gradient(ellipse 75% 70% at 50% 45%, transparent 45%, #08030699 100%), linear-gradient(180deg, #06030a59, transparent 22%, transparent 78%, #04020273);opacity:.9;position:absolute;inset:0}.title-inner{z-index:1;text-align:center;scrollbar-width:none;flex-direction:column;align-items:center;gap:14px;max-height:100%;padding:16px;display:flex;position:relative;overflow-y:auto}.title-head{flex-direction:column;align-items:center;margin-bottom:clamp(6px,2vh,22px);display:flex}.title-inner h1{font:900 clamp(64px, min(13vw, 17vh), 176px) / .95 var(--f-disp);letter-spacing:.16em;background:linear-gradient(105deg,#b9812f 0%,#f4cf7d 30%,#fff6da 45%,#f4cf7d 55%,#a8702a 100%) 0 0/300% 100%;color:#0000;filter:drop-shadow(0 -1px #fff6d659)drop-shadow(0 0 28px #ffaa5052)drop-shadow(0 2px #784012f2)drop-shadow(0 4px #341404e6)drop-shadow(0 14px 24px #000000b3);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.16em;animation:7s ease-in-out infinite title-sweep;position:relative}.title-inner h1 span{background:inherit;-webkit-background-clip:text;background-clip:text}@keyframes title-sweep{0%,15%{background-position:100% 0}55%,to{background-position:0 0}}.subtitle{font:600 clamp(13px, 1.4vw, 17px) / 1.2 var(--f-ui);letter-spacing:.42em;text-transform:uppercase;color:#f6dfb4;text-shadow:0 1px 6px #000000e6;align-items:center;gap:16px;margin-top:6px;display:flex}.subtitle:before,.subtitle:after{content:"";background:linear-gradient(90deg, transparent, var(--brass-l) 85%, #fff4d6);width:clamp(40px,8vw,110px);height:1px;box-shadow:0 0 8px #ffc8788c}.subtitle:after{transform:scaleX(-1)}.title-inner h3{font:700 clamp(18px, 2vw, 24px) / 1.2 var(--f-disp);letter-spacing:.12em;color:var(--brass-l);text-shadow:0 2px 8px #000000e6;margin:0}.langs{z-index:2;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(6px);background:#0a06048c;border-radius:3px;gap:3px;padding:3px;display:flex;position:absolute;top:18px;right:20px}.langs .cmd{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;padding:6px 12px}.langs .cmd.active{color:var(--text-hi);border-color:var(--brass-m);box-shadow:none;background:linear-gradient(#c9a25e4d,#c9a25e14)}.screen{flex-direction:column;align-items:center;gap:16px;animation:.55s cubic-bezier(.2,.85,.25,1) screen-in;display:flex}@keyframes screen-in{0%{opacity:0;filter:blur(3px);transform:translateY(18px)}}.modes{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,min(390px,44vw));column-gap:clamp(16px,2.2vw,32px);display:grid}.mode{grid-row:span 3;grid-template-rows:subgrid;text-align:left;background:var(--corners), linear-gradient(180deg, #ffe6b40f, transparent 40%), linear-gradient(180deg, #1c120b99, #0c0705b8);-webkit-backdrop-filter:blur(8px);border:1px solid #c9a25e57;border-radius:3px;align-content:start;row-gap:14px;padding:16px 20px 20px;display:grid;position:relative;box-shadow:0 0 0 1px #0000008c,inset 0 1px #ffe4b01a,0 18px 44px #00000073}.mode-head{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--brass-m), #c9a25e14) 1;align-items:center;gap:14px;padding-bottom:13px;display:flex}.mode-icon{fill:none;width:44px;height:44px;stroke:var(--brass-l);stroke-width:1.9px;stroke-linecap:round;border:1px solid var(--brass-m);background:radial-gradient(circle at 35% 30%,#ffc87838,#00000059 75%);border-radius:50%;flex:none;padding:7px;box-shadow:0 0 14px #ffbe642e,inset 0 1px #ffe4b033}.mode h2{font:700 21px/1.1 var(--f-disp);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-l);text-shadow:0 2px 8px #000000e6;margin:0}.mode-hint{text-wrap:balance;font:500 14.5px/1.3 var(--f-ui);color:#ead6b0;text-shadow:0 1px 3px #000;margin:5px 0 0}.kicker{font:700 12.5px/1 var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--spice);text-shadow:0 1px 4px #000;margin-bottom:-8px}.load-panel{flex-direction:column;width:min(660px,92vw);display:flex}.load-panel .mode-icon.off{display:none}.load-panel .save-list{width:100%;padding-right:2px}.mode .note{text-align:center;font-size:13.5px}.menu-buttons{flex-direction:column;gap:9px;width:100%;display:flex}#title .menu-buttons .cmd.big{letter-spacing:.16em;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:56px;padding:0 34px;font-size:16px;display:flex}.mb-hint{font:500 12.5px/1 var(--f-ui);letter-spacing:.03em;text-transform:none;color:#c9b38c;text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}#title .cmd.big:hover:not(:disabled) .mb-hint{color:#f0dcb8;text-shadow:0 1px 2px #000}#title .cmd.big.primary .mb-hint{color:#4a2c0e;text-shadow:none}#btn-continue .mb-hint{font-family:var(--f-ui);font-weight:600}#title .cmd.big{min-width:170px;height:52px;font:700 17px/1 var(--f-ui);letter-spacing:.2em;color:#f4e4c4;background:var(--corners), linear-gradient(180deg, #ffe6b414, transparent 50%), linear-gradient(90deg, #140c08d1, #281a10d1 50%, #140c08d1);-webkit-backdrop-filter:blur(6px);border:1px solid #c9a25e8c;padding:0 28px;box-shadow:0 0 0 1px #0009,inset 0 1px #ffe4b024,0 8px 24px #00000073}#title .cmd.big:before{content:"▸";opacity:0;color:var(--brass-l);font-size:15px;transition:opacity .2s,transform .25s;position:absolute;top:50%;left:18px;transform:translate(-8px,-50%)}#title .cmd.big:hover:not(:disabled){color:#fff;border-color:var(--brass-l);background:var(--corners), linear-gradient(180deg, #ffe6b424, transparent 50%), linear-gradient(90deg, #3c2612d9, #6e4c24d9 50%, #3c2612d9);text-shadow:0 0 12px #ffd28ccc;box-shadow:0 0 0 1px #0009,0 0 26px #ffbe644d,inset 0 1px #ffe4b04d,0 8px 24px #00000073}#title .cmd.big:hover:not(:disabled):before{opacity:1;transform:translateY(-50%)}#title .cmd.big:active:not(:disabled){transform:translateY(1px)scale(.99)}#title .cmd.big.primary,#title .cmd.big.active{color:#20140a;text-shadow:0 1px #fff0d280;background:linear-gradient(#ffffff59,#0000 50%),linear-gradient(#f3d38c,#c8964a 55%,#9a6a2c);border-color:#fff0c4;box-shadow:0 0 0 1px #0009,0 0 24px #ffbe6459,0 8px 24px #00000073}#title .cmd.big.primary:hover:not(:disabled),#title .cmd.big.active:hover:not(:disabled){color:#140b04;text-shadow:none;background:linear-gradient(#ffffff73,#0000 50%),linear-gradient(#ffe3a6,#d8a65a 55%,#a87632);box-shadow:0 0 0 1px #0009,0 0 36px #ffc86e99,0 8px 24px #00000073}#title .cmd.big.primary:before,#title .cmd.big.active:before{color:#3c240c}#title .cmd.big:disabled{opacity:.45}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.field{font:700 12px/1 var(--f-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--brass-l);text-shadow:0 1px 4px #000;flex-direction:column;align-items:center;gap:8px;display:flex}.field input{font:600 20px/1 var(--f-ui);letter-spacing:.06em;color:var(--text-hi);text-align:center;-webkit-user-select:text;user-select:text;-webkit-backdrop-filter:blur(6px);background:#060403b3;border:1px solid #c9a25e73;border-radius:2px;outline:none;width:min(380px,86vw);height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 8px #000c,0 1px #ffe4b014}.field input:focus{border-color:var(--brass-l);box-shadow:inset 0 2px 8px #000c,0 0 18px #ffc86e4d}.field input::placeholder{color:var(--dim)}#code{text-transform:uppercase;letter-spacing:.18em;font-family:var(--f-num)}.note{font:500 14.5px/1.4 var(--f-ui);color:#f0dcb8;text-shadow:0 1px 4px #000;max-width:560px;min-height:1em}#title-busy:before{content:"";vertical-align:-1px;border:2px solid #f1d79a40;border-top-color:var(--brass-l);border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.error{font:600 14.5px/1.35 var(--f-ui);color:#ffc2b4;border:1px solid #ff5b4599;border-left:3px solid var(--bad);background:linear-gradient(90deg,#5a0a04bf,#3c060299);border-radius:2px;max-width:560px;padding:8px 14px;animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.houses{flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,24px);display:flex}.house{cursor:pointer;background:radial-gradient(ellipse 90% 55% at 50% 22%, color-mix(in srgb, var(--house) 26%, transparent), transparent 70%), linear-gradient(180deg, #1a110bd9, #080503e6);-webkit-backdrop-filter:blur(8px);border:1px solid #c9a25e59;border-radius:4px;flex-direction:column;align-items:center;gap:8px;width:clamp(200px,17vw,260px);padding:22px 18px 18px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009,inset 0 1px #ffe4b01a,0 14px 34px #0000008c}.house:before{content:"";background:linear-gradient(90deg, transparent, var(--house), transparent);opacity:.7;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.house:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff0d21f 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}.house:hover:not(.taken):not(.disabled){border-color:color-mix(in srgb, var(--house-l) 70%, transparent);box-shadow:0 0 0 1px #0009, 0 0 30px color-mix(in srgb, var(--house) 40%, transparent), 0 20px 40px #0009;transform:translateY(-6px)}.house:hover:not(.taken):not(.disabled):after{transition:transform .9s;transform:translate(100%)}.house.selected{border-color:var(--house-l);box-shadow:0 0 0 1px #0009, 0 0 0 3px color-mix(in srgb, var(--house) 45%, transparent), 0 0 46px var(--house-glow), 0 20px 40px #0009;background:radial-gradient(ellipse 90% 60% at 50% 22%, color-mix(in srgb, var(--house) 45%, transparent), transparent 72%), linear-gradient(180deg, #1e140de0, #080503eb);transform:translateY(-4px)}.house.selected:before{opacity:1;box-shadow:0 0 12px var(--house)}.house.disabled,.house.taken{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.crest{filter:drop-shadow(0 6px 10px #000000b3);width:clamp(84px,8vw,116px);height:clamp(84px,8vw,116px);transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s}.house:hover .crest,.house.selected .crest{filter:drop-shadow(0 0 16px var(--house-glow)) drop-shadow(0 6px 10px #000000b3);transform:scale(1.06)}.crest svg{width:100%;height:100%;display:block}.hname{font:700 clamp(19px, 1.7vw, 24px) / 1.1 var(--f-disp);letter-spacing:.1em;color:var(--text-hi);text-shadow:0 2px 6px #000}.house.selected .hname{color:var(--house-l)}.hdesc{font:500 14px/1.35 var(--f-ui);color:#d8c6a4;min-height:3.9em}.htag{font:700 10.5px/1 var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--house-l);opacity:.85}.house.selected .htag:before{content:"✓ "}.soon{font:700 11px/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:#ffc2a8}.soon:empty{display:none}.houses.small .house{gap:6px;width:170px;padding:14px 10px 12px}.houses.small .crest{width:64px;height:64px}.houses.small .hname{font-size:16px}.houses.small .hdesc{display:none}.credits-note{z-index:1;text-align:center;font:500 12px/1.4 var(--f-ui);letter-spacing:.06em;color:#ffe4be80;text-shadow:0 1px 3px #000;padding:0 16px;position:absolute;bottom:14px;left:0;right:0}.lobby-code{font:700 12px/1 var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-l);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.lobby-code code{font:30px/1 var(--f-num);letter-spacing:.16em;color:var(--spice);border:1px solid var(--brass-m);text-shadow:0 0 12px #ff9628b3;-webkit-user-select:all;user-select:all;background:#000000bf;border-radius:2px;padding:9px 16px;box-shadow:inset 0 2px 8px #000,0 0 20px #ffaa3c33}.lobby-code .cmd{height:34px}.lobby-players{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;display:flex}.lobby-player{text-align:left;border:1px solid #c9a25e66;border-left:3px solid var(--house);background:radial-gradient(ellipse 50% 100% at 0% 50%, color-mix(in srgb, var(--house) 28%, transparent), transparent), linear-gradient(180deg, #1a110bd9, #080503e6);-webkit-backdrop-filter:blur(8px);border-radius:3px;align-items:center;gap:14px;min-width:270px;padding:12px 18px 12px 12px;animation:.4s screen-in;display:flex;box-shadow:0 10px 30px #00000080}.lobby-player .crest{width:54px;height:54px}.lobby-player .pname{font:700 19px/1.2 var(--f-disp);letter-spacing:.05em;color:var(--text-hi)}.lobby-player .phouse{font:600 13px/1.3 var(--f-ui);color:var(--house-l);letter-spacing:.08em}.lobby-player .pstate{font:700 11px/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:4px}.lobby-player .pstate:before{content:"";background:var(--dim);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.lobby-player .pstate.ready{color:var(--good)}.lobby-player .pstate.ready:before{background:var(--good);box-shadow:0 0 8px var(--good)}.lobby-player.empty{border-left-color:var(--brass-d);color:var(--muted);font:italic 500 15px/1.3 var(--f-ui);background:#0805038c;border-style:dashed;justify-content:center}.lobby-player.empty:before{content:"";border:2px solid #c9a25e40;border-top-color:var(--brass-l);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@media (height<=820px){:root{--top:38px}.title-inner h1{font-size:clamp(56px,min(12vw,15vh),150px)}.title-head{margin-bottom:4px}.mode{row-gap:10px;padding:12px 18px 16px}.mode-head{padding-bottom:10px}.menu-buttons{gap:7px}#title .menu-buttons .cmd.big{gap:4px;height:48px}#sidebar{gap:6px;padding-top:8px;padding-bottom:8px}#minimap-wrap{width:min(100%,27vh + 14px)}#sel-panel{min-height:94px;padding:7px}.portrait{width:104px;height:78px}}@media (width<=900px){:root{--side:210px}.portrait{width:80px;height:60px}.emblem svg{width:60px;height:60px}#buildlist{grid-template-columns:1fr 1fr}.bname{font-size:10px}}@media (width>=2200px) and (height>=1200px){#topbar,#sidebar,#modal-body,#btip,#tooltip,#chat-log,#netwait{zoom:1.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.endplayer span{vertical-align:middle}.endcrest{width:26px;height:26px;margin-right:8px;display:inline-block}.endcrest svg{filter:drop-shadow(0 2px 3px #000);width:100%;height:100%;display:block}.profile{flex-direction:column;align-items:center;gap:8px;max-width:min(620px,92vw);display:flex}.profile .pf-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 12px;display:flex}.profile .pf-field{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.profile .pf-label{font:700 11px/1 var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-l);text-shadow:0 1px 4px #000}.profile input{font:600 18px/1 var(--f-ui);letter-spacing:.04em;color:var(--text-hi);-webkit-user-select:text;user-select:text;background:#060403b3;border:1px solid #c9a25e73;border-radius:2px;outline:none;width:min(280px,80vw);height:40px;padding:0 12px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 8px #000c}.profile input:focus{border-color:var(--brass-l);box-shadow:inset 0 2px 8px #000c,0 0 14px #ffc86e47}.pf-google{align-items:center;gap:9px;height:40px;padding:0 14px 0 10px;display:inline-flex}.pf-google .pf-g{background:#fff;border-radius:2px;flex:none;width:20px;height:20px;padding:2px}.pf-google.pf-pending{visibility:hidden}.profile .pf-note{font:500 13.5px/1.35 var(--f-ui);color:#ead6b0;text-align:center;text-shadow:0 1px 3px #000,0 0 10px #000000d9}.profile .pf-note.bad{color:#ff9a7a}.profile .pf-note[hidden]{display:none}.profile .pf-who{background:#0a070499;border:1px solid #c9a25e4d;border-radius:999px;align-items:center;gap:12px;padding:6px 8px 6px 6px;display:flex}.profile .pf-avatar{border:1px solid var(--brass-m);background:radial-gradient(circle at 35% 30%, var(--spice), var(--spice-d));width:40px;height:40px;font:700 20px/1 var(--f-disp);color:#1a0f06;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.profile .pf-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile .pf-name{cursor:pointer;max-width:min(320px,56vw);font:700 20px/1.1 var(--f-ui);letter-spacing:.03em;color:var(--text-hi);text-shadow:0 1px 4px #000;background:0 0;border:0;border-radius:2px;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.profile .pf-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile .pf-name:hover,.profile .pf-name:focus-visible{background:#c9a25e24;outline:none}.profile .pf-pencil{fill:none;width:14px;height:14px;stroke:var(--brass);stroke-width:1.4px;stroke-linejoin:round;flex:none}.profile .pf-edit{width:min(240px,50vw);height:34px}.profile .pf-signout{height:32px;font-size:11.5px}.optsave .savehint{color:var(--brass-l);font-size:13px}.optsave .pf-google{height:32px}.save-signin{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px 16px;display:flex}.save-list{flex-direction:column;gap:8px;width:min(620px,92vw);max-height:min(52vh,460px);padding-right:4px;display:flex;overflow-y:auto}.save-item{background:linear-gradient(#281d13d9,#100b07e6);border:1px solid #c9a25e4d;border-radius:3px;align-items:center;gap:12px;padding:10px 12px;display:flex}.save-item .crest{flex:none;width:34px;height:34px}.save-item .crest svg{width:100%;height:100%}.save-item .info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.save-item .name{font:600 15px/1.2 var(--f-ui);color:var(--text-hi);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-item .auto{letter-spacing:.15em;text-transform:uppercase;color:var(--spice);margin-left:8px;font-size:10.5px}.save-item .meta{font:500 12.5px/1.2 var(--f-ui);color:#bfa985}.save-item .cmd{height:34px}.save-empty{text-align:center}.optsave .optgroup{flex-wrap:wrap;align-items:center}.optsave .savename{font:500 14px/1 var(--f-ui);color:var(--text-hi);border:1px solid var(--brass-m);background:#0009;border-radius:2px;width:17em;max-width:100%;padding:7px 9px;box-shadow:inset 0 2px 6px #000}.optsave .savebound{font:600 14px/1.2 var(--f-ui);color:var(--text-hi);text-overflow:ellipsis;white-space:nowrap;max-width:14em;overflow:hidden}.optsave .savestatus{font:500 13px/1 var(--f-ui);color:#9fd88a}.optsave .savestatus.bad{color:#f08a6a}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#game,#minimap{touch-action:none}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.title-inner{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}#rotate{display:none}@media (orientation:portrait) and (hover:none) and (pointer:coarse){#rotate{z-index:100;text-align:center;font:700 20px/1.3 var(--f-disp);color:var(--brass-l);background:radial-gradient(at 50% 45%,#2a1a12,#0a0705 75%);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex;position:fixed;inset:0}#rotate svg{fill:none;width:96px;height:96px;stroke:var(--brass);stroke-width:2.4px;stroke-linecap:round;animation:2.4s ease-in-out infinite rotate-hint}}@keyframes rotate-hint{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (hover:none){#tooltip,#btip,.topbtn kbd,.edge-hint{display:none!important}}@media (height<=500px){:root{--top:34px;--side:200px}#topbar{gap:6px}.topbtn{height:26px;padding:0 9px}.topbtn .lbl{display:none}#sidebar{overscroll-behavior:contain;scrollbar-width:none;gap:6px;padding:6px 6px 6px 10px;overflow-y:auto}#sidebar>*{flex-shrink:0}#minimap-wrap{order:-1;width:120px;padding:5px}#sel-panel{min-height:0;padding:6px}.portrait{width:72px;height:54px}.emblem svg{width:54px;height:54px}#buildlist{flex:none;grid-template-columns:1fr 1fr;overflow:visible}#modal-body{gap:10px;max-height:94dvh;padding:14px 16px}.mentat-content{max-height:none}.title-inner{gap:8px;padding-top:44px}.title-inner:has(#scr-menu:not([hidden])){padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px}.title-inner h1{font-size:40px}.subtitle{display:none}.title-head{margin-bottom:0}#scr-menu{gap:8px}.profile .pf-label,.profile .pf-note:not(.bad){display:none}.profile input,.pf-google{height:32px}.profile input{width:min(200px,40vw);font-size:15px}.profile .pf-who{padding:3px 6px 3px 3px}.profile .pf-avatar{width:28px;height:28px;font-size:15px}.profile .pf-name{font-size:16px}.profile .pf-signout{height:26px}.modes{grid-template-columns:repeat(2,min(380px,50vw - 30px));column-gap:12px}.mode{row-gap:8px;padding:10px 12px 12px}.mode-head{gap:10px;padding-bottom:8px}.mode-icon{width:32px;height:32px;padding:5px}.mode h2{font-size:16px}.mode-hint{margin-top:2px;font-size:12.5px}.menu-buttons{gap:6px}#title .menu-buttons .cmd.big{letter-spacing:.12em;gap:3px;height:40px;padding:0 16px;font-size:13.5px}.mb-hint{font-size:11px}.langs{top:max(6px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}.langs .cmd{padding:4px 9px}.credits-note{display:none}.houses{flex-wrap:nowrap}.house{gap:4px;width:clamp(150px,27vw,220px);padding:12px 10px 10px}.house .crest{width:56px;height:56px}.hdesc{font-size:13px}}.ai-opts{flex-direction:column;align-items:center;gap:8px;margin:4px 0 14px;display:flex}.ai-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ai-opts .note{text-align:center;max-width:560px}.lobby-resume{color:var(--spice);text-align:center;font-weight:600}