:root{--cork:#b98a5a;--cork-deep:#8e6238;--postit:#ffe45c;--pink:#ff7eb6;--pin:#e23b3b;--ink:#1d2a4a;--paper:#fbfaf6;--tape:#2356b8;--alu:#c3c8ce;--marker:"Permanent Marker", "Comic Sans MS", cursive;--label:"Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--label);-webkit-font-smoothing:antialiased;background:#9fb2c6;margin:0;font-size:18px;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.overlay{z-index:20;position:fixed;inset:0}.pin{background:radial-gradient(circle at 35% 30%, #ff9a8f 0 18%, var(--pin) 45%, #9e1f1f 100%);z-index:2;border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:-9px;left:50%;box-shadow:2px 5px 5px #00000059}.pin.blue{background:radial-gradient(circle at 35% 30%,#9fc2ff 0 18%,#2a6fdb 45%,#16407e 100%)}.postit{background:linear-gradient(170deg, #fff06f 0%, var(--postit) 55%, #f2d23e 100%);border-bottom-right-radius:38px 8px;position:relative;box-shadow:0 1px 1px #00000026,6px 12px 16px -6px #28190573}.note{font-family:var(--marker)}.dymo{background:linear-gradient(180deg, #2f66cf 0%, var(--tape) 55%, #1b458f 100%);color:#f3f6ff;font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px #ffffff59,0 -1px #00000073;clip-path:polygon(0 8%,3% 0,97% 0,100% 10%,99% 50%,100% 90%,97% 100%,3% 100%,0 92%,1% 50%);padding:3px 14px 2px;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0000004d}#loading{background:var(--cork);place-items:center;display:grid}.loading-note{font-family:var(--marker);background:var(--postit);padding:28px 36px;font-size:26px;transform:rotate(-2deg);box-shadow:6px 12px 16px -6px #28190573}#menu,#roomscreen{background:radial-gradient(#1d2a4a1f 0%,#1d2a4a80 100%);padding:24px 16px;display:flex;overflow-y:auto}.board{background-color:var(--cork);border:12px solid var(--alu);background-image:radial-gradient(circle at 20% 30%,#5a37198c 0 1px,#0000 1.6px),radial-gradient(circle at 70% 60%,#ecc49280 0 1px,#0000 1.7px),radial-gradient(circle at 40% 80%,#6e462373 0 1.2px,#0000 1.9px),radial-gradient(circle at 85% 15%,#f0c89666 0 .8px,#0000 1.4px);background-size:7px 7px,11px 11px,13px 13px,5px 5px;border-image:linear-gradient(135deg,#e3e7eb,#9aa1a9 40%,#d5d9de 60%,#8d949c) 12;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:22px;width:min(1080px,100%);margin:auto;padding:28px 26px 24px;display:grid;position:relative;box-shadow:inset 0 0 30px #3c230a73,0 24px 60px #0a0f1e73}.board .col{align-content:start;gap:20px;display:grid}.postit.title{padding:24px 26px 20px;transform:rotate(-1.6deg)}.postit.title h1{font-family:var(--marker);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(38px,4.6vw,54px);font-weight:400;line-height:.95}.postit.title p{max-width:34em;margin:0;font-size:18px;line-height:1.3}.card{background-color:var(--paper);background-image:linear-gradient(#0000 0 40px,#ef8b8b 40px 42px,#0000 42px),repeating-linear-gradient(#0000 0 33px,#cfe0f3 33px 34px);padding:20px 20px 12px;position:relative;transform:rotate(.8deg);box-shadow:4px 10px 14px -6px #28190580}.card h2,.memo h2,.pause-note h2{font-family:var(--marker);margin:0 0 10px;font-size:24px;font-weight:400;line-height:1}.row{gap:0;padding:0 0 6px;display:grid}.row-label{font-size:18px;font-weight:600}.blurb{color:#4a5775;min-height:1.3em;margin:4px 0 0;font-size:16px}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{background:0 0;border:2px solid #0000;border-radius:48% 52% 45% 55%/55% 45%;padding:4px 10px;font-size:19px;font-weight:600}.seg button:hover{color:var(--tape)}.seg button[aria-checked=true]{border-color:var(--pin);color:var(--ink);transform:rotate(-2deg)}input[type=range]{appearance:none;background:0 0;width:100%;height:30px}input[type=range]::-webkit-slider-runnable-track{background:var(--ink);border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:var(--ink);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, #ff9a8f 0 18%, var(--pin) 45%, #9e1f1f 100%);border-radius:50%;width:20px;height:20px;margin-top:-9px;box-shadow:1px 3px 4px #00000059}input[type=range]::-moz-range-thumb{background:var(--pin);border:0;border-radius:50%;width:20px;height:20px}.start{background:linear-gradient(170deg, #ff9fca, var(--pink) 55%, #f0609f);font-family:var(--marker);border:0;border-bottom-right-radius:30px 7px;justify-self:end;padding:20px 40px 16px;font-size:34px;line-height:1;transition:transform .15s;position:relative;transform:rotate(-2.5deg);box-shadow:6px 12px 16px -6px #2819058c}.start:hover{transform:rotate(0)translateY(-2px)}.start:active{transform:rotate(0)translateY(1px)}.start.small{padding:16px 30px 12px;font-size:26px}.memo{background:var(--paper);padding:18px 20px 14px;position:relative;transform:rotate(-.6deg);box-shadow:4px 10px 14px -6px #28190580}.memo:before{content:"";background:#ffffff8c;width:90px;height:22px;margin-left:-45px;position:absolute;top:-10px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #00000026}.memo dl{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:7px 10px;margin:0;display:grid}.memo dt{background:linear-gradient(180deg, #2f66cf 0%, var(--tape) 55%, #1b458f 100%);color:#f3f6ff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 -1px #0006;justify-self:start;padding:1px 8px;font-size:15px;font-weight:700}.memo dd{margin:0;font-size:16px;line-height:1.15}.memo .tip{color:#4a5775;margin:10px 0 0;font-size:16px}#pause{background:#1d2a4a73;place-items:center;padding:16px;display:grid}.pause-note{text-align:center;width:min(340px,100%);padding:34px 30px 26px;transform:rotate(1.5deg)}.pause-note p{margin:0 0 22px;font-size:20px}.pause-note .start{justify-self:center}.link{text-underline-offset:3px;background:0 0;border:0;margin:18px auto 0;padding:6px;font-size:19px;font-weight:600;text-decoration:underline;display:block}#hud{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.xh{--gap:6px;--xh:#fff;transition:opacity .15s;position:absolute;top:50%;left:50%}.xh i{background:var(--xh);position:absolute;box-shadow:0 0 0 1px #1d2a4acc}.xh .t,.xh .b{width:2px;height:9px;left:-1px}.xh .l,.xh .r{width:9px;height:2px;top:-1px}.xh .t{bottom:var(--gap)}.xh .b{top:var(--gap)}.xh .l{right:var(--gap)}.xh .r{left:var(--gap)}.xh.dot i,.xh.style-dot i,.xh.style-circle i{display:none}.xh.dot:after,.xh.style-dot:after,.xh.style-circle:after{content:"";background:var(--xh);border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 0 1px #1d2a4acc}.xh.style-circle:after{width:2px;height:2px;top:-1px;left:-1px}.xh.style-circle:not(.dot):before{content:"";left:calc(-1 * var(--gap) - 5px);top:calc(-1 * var(--gap) - 5px);width:calc(2 * var(--gap) + 10px);height:calc(2 * var(--gap) + 10px);box-sizing:border-box;border:2px solid var(--xh);border-radius:50%;position:absolute;box-shadow:0 0 0 1px #1d2a4a99,inset 0 0 0 1px #1d2a4a99}.xh.dot:after{width:4px;height:4px;top:-2px;left:-2px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%;transform:rotate(45deg)}#hitmarker i{background:#fff;position:absolute;box-shadow:0 0 0 1px #1d2a4ab3}#hitmarker i:first-child,#hitmarker i:nth-child(2){width:2px;height:9px;left:-1px}#hitmarker i:nth-child(3),#hitmarker i:nth-child(4){width:9px;height:2px;top:-1px}#hitmarker i:first-child{bottom:7px}#hitmarker i:nth-child(2){top:7px}#hitmarker i:nth-child(3){right:7px}#hitmarker i:nth-child(4){left:7px}#hitmarker.show{animation:.25s ease-out hit}#hitmarker.head i{background:var(--postit)}#hitmarker.kill i{background:var(--pin)}#hitmarker.kill{animation-duration:.45s}@keyframes hit{0%{opacity:1;transform:rotate(45deg)scale(1.25)}to{opacity:0;transform:rotate(45deg)scale(.9)}}#tally,#feed,#health,#ammo,#chatlog,#chatform{scale:var(--hud-scale,1)}#tally{transform-origin:0 0}#feed{transform-origin:100% 0}#health,#chatlog,#chatform{transform-origin:0 100%}#ammo{transform-origin:100% 100%}#tally{text-align:center;background:var(--postit);min-width:150px;padding:10px 18px 8px;position:absolute;top:14px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:4px 8px 12px -6px #00000080}#tally p{margin:0;font-size:24px;line-height:1.1}#tally .sub{font-family:var(--label);color:#4a5775;margin-top:2px;font-size:15px;font-weight:600}#tally .team{background:var(--c);min-width:1.7em;padding:0 6px;display:inline-block;box-shadow:1px 2px 3px #00000040}#tally .vs{font-family:var(--label);color:#4a5775;margin:0 8px;font-size:16px;font-weight:600}#flags{gap:3px;margin-top:6px;display:grid}#flags .flag{border-left:8px solid var(--c);font-family:var(--label);text-align:left;background:#fff9;padding:1px 8px;font-size:14px;font-weight:600}#flags .flag.carried{background:#ffd0cc}#flags .flag.dropped{background:#fff1b3}#feed{justify-items:end;gap:6px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:14px;right:16px}#feed li{background:var(--paper);padding:5px 12px 4px;font-size:17px;font-weight:600;transition:opacity .5s;box-shadow:2px 4px 8px -3px #00000073}#feed li:nth-child(odd){transform:rotate(-.8deg)}#feed li:nth-child(2n){transform:rotate(.6deg)}#feed li.fade{opacity:0}#feed .note{background:var(--c);font-family:var(--label);padding:0 6px}#feed .you{color:var(--pin)}#feed .verb{color:#6a7590}#feed .how{color:#6a7590;font-weight:400}#announce{opacity:0;text-align:center;justify-items:center;gap:4px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:24%;left:0;right:0;transform:scale(.9)}#announce.show{opacity:1;transform:scale(1)}#announce strong{font-family:var(--marker);color:var(--postit);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;font-size:clamp(34px,5vw,56px);font-weight:400;transform:rotate(-2deg)}#announce span{color:#fff;text-shadow:0 1px 3px #000000b3;font-size:20px;font-weight:600}#prompt{background:var(--paper);opacity:0;padding:8px 16px 7px;font-size:19px;font-weight:600;transition:opacity .15s;position:absolute;top:calc(50% + 44px);left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:3px 6px 10px -4px #00000080}#prompt.show{opacity:1}#prompt kbd{background:var(--tape);color:#fff;font-family:var(--label);padding:0 7px;font-weight:700}#prompt .wait{color:#6a7590}#toast{background:var(--postit);font-family:var(--marker);opacity:0;padding:6px 14px 5px;font-size:20px;transition:opacity .25s;position:absolute;bottom:160px;left:50%;transform:translate(-50%)rotate(1deg);box-shadow:3px 6px 10px -4px #00000080}#toast.show{opacity:1}#health{background:linear-gradient(170deg, #fff06f 0%, var(--postit) 55%, #f2d23e 100%);border-bottom-right-radius:30px 7px;align-content:center;width:128px;height:118px;padding:12px 14px;transition:background .2s;display:grid;position:absolute;bottom:22px;left:22px;transform:rotate(-3deg);box-shadow:6px 12px 16px -8px #0000008c}#health-n{font-size:54px;line-height:.9}#health .label{font-family:var(--label);font-size:17px;font-weight:600}#health.low{background:linear-gradient(170deg, #ffb0d2, var(--pink) 55%, #f0609f);animation:.9s ease-in-out infinite pulse}#health.shield{box-shadow:0 0 0 4px #8fd0ff,0 0 22px 6px #8fd0ffcc}#health.shield .label:after{content:", protected"}@keyframes pulse{50%{transform:rotate(-3deg)scale(1.05)}}#ammo{justify-items:end;gap:8px;display:grid;position:absolute;bottom:22px;right:22px}#ammo .big{padding:6px 18px 4px;font-size:46px;line-height:1;transform:rotate(1deg)}#ammo .big .slash{opacity:.6;margin:0 6px}#ammo .big #reserve{font-size:30px}#ammo #wname{font-size:20px;transform:rotate(-1deg)}#ammo.melee .big{display:none}#ammo.empty .big{background:linear-gradient(#e25050,#c02a2a 55%,#8f1d1d)}#ammo.reloading .big{opacity:.55}#slots{flex-direction:column;align-items:flex-end;gap:3px;display:flex}#slots span{background:#fbfaf68c;padding:2px 8px;font-size:15px;font-weight:600}#slots span.on{background:var(--paper);box-shadow:0 2px 5px #00000059}#vignette{opacity:0;background:radial-gradient(#0000 55%,#e23b3b8c 100%);position:absolute;inset:0}#vignette.hurt{animation:.6s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}#dmg{position:absolute;top:50%;left:50%}#dmg i{transform-origin:60px 150px;width:120px;height:150px;animation:.9s ease-out forwards dmg;position:absolute;top:-150px;left:-60px}#dmg i:before{content:"";border-top:6px solid #e23b3be6;border-radius:50% 50% 0 0/100% 100% 0 0;width:80px;height:22px;position:absolute;top:0;left:20px}@keyframes dmg{0%{opacity:1}to{opacity:0}}#death{opacity:0;background:radial-gradient(#1d2a4a33,#7814148c);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}#death.show{opacity:1}#death .note{background:var(--pink);text-align:center;padding:26px 34px 22px;transform:rotate(-2deg);box-shadow:6px 12px 16px -6px #00000080}#death p{margin:0;font-size:34px;line-height:1.1}#death b{background:var(--c);padding:0 8px;font-weight:400}#death .sub{font-family:var(--label);margin-top:6px;font-size:19px;font-weight:600}#death .sub:empty{display:none}#death .action{font-family:var(--label);margin-top:16px;font-size:20px;font-weight:600}#death .action kbd{background:var(--tape);color:#fff;font-family:var(--label);padding:0 7px;font-weight:700}#death .action.ready{animation:1.2s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(-2px)}}#death.intro{background:radial-gradient(#1d2a4a0d,#1d2a4a73)}#death.intro .note{background:var(--postit);transform:rotate(1.5deg)}#spectate{background:var(--pink);text-align:center;pointer-events:none;max-width:calc(100% - 32px);padding:10px 22px 9px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:4px 8px 12px -5px #00000080}#spectate p{margin:0;font-size:26px;line-height:1.1}#spectate b{background:var(--c);padding:0 7px;font-weight:400;box-shadow:inset 0 0 0 2px #1d2a4a33}#spectate .sub{font-family:var(--label);margin-top:5px;font-size:16px;font-weight:600;line-height:1.35}#spectate kbd{background:var(--tape);color:#fff;font-family:var(--label);padding:0 6px;font-weight:700}#hud.spectating #ammo,#hud.spectating #crosshair{display:none}#scoreboard{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.clipboard{background:#9a6a3e;border-radius:14px;width:min(560px,100%);padding:44px 18px 18px;position:relative;box-shadow:0 20px 40px #00000073}.clipboard .clip{background:linear-gradient(#e3e7eb,#9aa1a9);border-radius:8px 8px 4px 4px;width:140px;height:40px;margin-left:-70px;position:absolute;top:-12px;left:50%;box-shadow:0 3px 6px #0006}.clipboard h2{background:var(--paper);font-family:var(--marker);margin:0;padding:18px 22px 6px;font-size:28px;font-weight:400}.clipboard table{border-collapse:collapse;background:var(--paper);width:100%;font-size:19px}.clipboard th{text-align:left;color:#6a7590;border-bottom:2px solid var(--ink);padding:6px 22px;font-size:15px;font-weight:600}.clipboard td{border-bottom:1px solid #cfe0f3;padding:7px 22px;font-weight:600}.clipboard th:not(:first-child),.clipboard td:not(:first-child){text-align:right;width:7em}.clipboard td i{vertical-align:-1px;background:var(--c);width:14px;height:14px;margin-right:10px;display:inline-block;box-shadow:1px 1px 2px #0000004d}.clipboard tr.you td{background:#fff6b8}.clipboard tr.team th{color:var(--ink);border-bottom:2px solid var(--ink);padding-top:12px;font-size:17px}.clipboard tr.team .team-score{float:right;font-family:var(--marker);font-size:22px;font-weight:400;line-height:1}.clipboard tr.team i{vertical-align:-1px;background:var(--c);width:14px;height:14px;margin-right:10px;display:inline-block}#end{background:#1d2a4a80;place-items:center;padding:16px;display:grid;overflow-y:auto}.end-board{width:min(620px,100%)}.end-board h2{font-size:40px}#end-sub{background:var(--paper);margin:0;padding:0 22px 12px;font-size:19px}.end-actions{background:var(--paper);align-items:center;gap:18px;padding:22px 22px 8px;display:flex}.end-actions .start{justify-self:start}.end-actions .link{margin:0}#scope{opacity:0;background:radial-gradient(circle,#0000 0 37vmin,#7a5230 37.2vmin,#b88a5a 39vmin,#8e6238 40.5vmin,#140e08 41vmin);transition:opacity 80ms;position:absolute;inset:0}#scope.show{opacity:1}#scope svg{width:74vmin;height:74vmin;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#scope path{fill:none;stroke:var(--ink);stroke-width:.7px;stroke-linecap:round}#scope .mil,#scope .dot{fill:var(--pin)}@media (width<=860px){.board{grid-template-columns:1fr}.start{justify-self:start}}@media (width<=640px){.board{border-width:8px;padding:28px 18px 22px}#health{width:100px;height:94px}#health-n{font-size:40px}#ammo .big{font-size:34px}#slots{display:none}}@media (prefers-reduced-motion:reduce){#health.low,#death .action.ready{animation:none}.start,#announce{transition:none}}.tabs{z-index:0;gap:4px;margin-bottom:-42px;padding-left:20px;display:flex;position:relative;transform:rotate(.8deg)}.tabs+.card,.tabs~.card{z-index:1}.tabs~.card>.pin{left:80%}.tabs button{font-family:var(--marker);color:#4a5775;background:#d9d0bd;border:0;border-radius:6px 6px 0 0;padding:7px 20px 24px;font-size:19px;transition:transform .12s;transform:translateY(7px);box-shadow:0 -1px 5px #2819054d}.tabs button:hover{transform:translateY(3px)}.tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);transform:none}input.text{border:0;border-bottom:2px solid var(--ink);width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;padding:4px 2px 3px;font-size:19px;font-weight:600}input.text::placeholder{color:#8a93a8;font-weight:400}input.text:focus-visible{border-bottom-color:var(--tape);background:#2356b80f;outline:none}input.text.code{text-transform:uppercase;letter-spacing:.2em;max-width:7em}.chip{border:2px solid var(--ink);background:var(--paper);border-radius:3px;flex:none;padding:3px 12px 2px;font-size:16px;font-weight:700}.chip:hover{background:var(--postit)}.chip.quiet{color:#4a5775;border-color:#8a93a8;font-weight:600}.field{align-items:end;gap:10px;display:flex}.room-list,.members,.chat-log{margin:0;padding:0;list-style:none}.room-list li,.members li{border-bottom:1px solid #cfe0f3;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 0;display:flex}.room-list .room-name,.members .member-name{font-size:18px;font-weight:700}.room-list .room-meta{color:#4a5775;flex:12em;font-size:15px}.room-list .empty{color:#4a5775;font-size:16px}.members .member-name{flex:1}.tag{background:#e8e2d4;padding:0 6px;font-size:13px;font-weight:700}.tag.admin{background:var(--postit)}.code-tag{background:var(--tape);color:#f3f6ff;font-family:var(--label);letter-spacing:.18em;padding:1px 8px;font-weight:700}.room-title h1{font-size:clamp(32px,4vw,46px)}.card.chat .chat-log{height:104px;margin-bottom:8px;font-size:16px;line-height:1.3;overflow-y:auto}.chat-log li{padding:1px 0}.chat-log li.system{color:#6a7590;font-style:italic}.room-actions{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.room-actions .link{margin:0}.room-actions .wait-note:empty{display:none}.room-actions .start{justify-self:start}.wait-note{margin:0;font-size:18px;font-weight:600}.seg button[disabled]{cursor:default}.seg button[disabled]:not([aria-checked=true]){opacity:.55}#picker{margin-top:14px}#picker .pick-hint{font-family:var(--label);margin:0 0 8px;font-size:16px;font-weight:600}#picker .picks{text-align:left;gap:4px;width:min(340px,80vw);margin:0 auto;display:grid}#picker .pick{font-family:var(--label);background:#fbfaf699;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;padding:4px 10px 3px;font-size:17px;font-weight:600;display:grid}#picker .pick .role{color:#4a5775;justify-self:end;font-size:14px;font-weight:400}#picker .pick.on{background:var(--paper);box-shadow:0 0 0 3px var(--ink)}#picker kbd{background:var(--tape);color:#fff;font-family:var(--label);margin-right:0;padding:0 5px}#chatlog{gap:4px;max-width:min(420px,60vw);margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:170px;left:22px}#chatlog li{background:#fbfaf6eb;justify-self:start;padding:3px 10px 2px;font-size:16px;transition:opacity .5s;box-shadow:2px 3px 6px -3px #00000073}#chatlog li b{background:var(--c);margin-right:4px;padding:0 4px}#chatlog li .system{color:#4a5775;font-style:italic}#chatlog li.fade{opacity:0}#chatform{pointer-events:auto;width:min(420px,60vw);position:absolute;bottom:140px;left:22px}#chatform input{border:2px solid var(--ink);background:var(--paper);width:100%;font:inherit;padding:6px 10px;font-size:17px}#settings{z-index:25;background:#1d2a4a59;place-items:center;padding:24px 16px;display:grid;overflow-y:auto}.settings-card{width:min(620px,100%);margin:auto;transform:rotate(-.4deg)}.settings-card>.blurb{margin:-4px 0 8px}#settings-body{columns:2;column-gap:26px}.settings-group{break-inside:avoid;padding-bottom:6px}.settings-group h3{font-family:var(--marker);color:var(--tape);margin:8px 0 4px;font-size:19px;font-weight:400}.settings-group .val{float:right;color:#4a5775;font-weight:600}.xh-row{grid-template-columns:1fr auto;align-items:center;gap:12px}.xh-preview{width:76px;height:76px;box-shadow:inset 0 0 0 2px var(--ink);background:linear-gradient(160deg,#9fb2c6,#6f839b 60%,#465569);position:relative}.swatches{gap:8px;padding:4px 0}.seg button.swatch{background:var(--c);width:26px;height:26px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;padding:0}.seg button.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 5px var(--pin);transform:none}.settings-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.settings-actions .link{margin:0}.settings-actions .start{justify-self:end}.card .row.inline .field{justify-content:space-between;align-items:center}.card .row.inline .field .blurb{margin:0}#fps{z-index:30;color:#fff;pointer-events:none;background:#1d2a4aa6;padding:2px 8px;font-size:14px;font-weight:600;position:fixed;top:8px;left:10px}@media (width<=640px){#settings-body{columns:1}}.map-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:4px 0 2px;display:grid}.map-tile{text-align:left;background:#e9e2d08c;border:2px solid #0000;border-radius:4px;gap:1px;padding:5px 5px 4px;transition:transform .12s;display:grid}.map-tile img{aspect-ratio:120/68;background:#ffffff80;width:100%;height:auto;display:block}.map-tile .map-name{margin-top:3px;font-size:16px;font-weight:700;line-height:1.1}.map-tile .map-tags{color:#4a5775;font-size:13px;line-height:1.1}.map-tile:hover:not([disabled]){background:#ffe45c59}.map-tile[aria-checked=true]{border-color:var(--pin);background:#ffe45c73;transform:rotate(-1.2deg);box-shadow:2px 4px 8px -4px #28190580}.map-tile[disabled]{cursor:default}.map-tile[disabled]:not([aria-checked=true]){opacity:.6}.map-detail{margin-top:8px}.map-detail .plans{gap:6px;display:grid}.map-detail .plans.side{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px}.map-detail figure{align-content:start;justify-items:center;margin:0;display:grid}.map-detail figure img{max-width:100%;height:auto;display:block}.map-detail figcaption{color:#4a5775;font-size:13px;font-weight:600}.map-detail .legend{color:#4a5775;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:4px 0 0;font-size:13px;display:flex}.legend i{vertical-align:-1px;width:11px;height:11px;margin-left:4px;display:inline-block}.legend i:first-child{margin-left:0}.legend .k-wall{background:#1d2a4a}.legend .k-high{background:#66728c}.legend .k-low{background:#b8c1d2}.legend .k-glass{background:#7ec8ff8c;box-shadow:inset 0 0 0 1px #3f8fd6}.legend .k-raised{background:#e1cda5}.legend .k-room{background:#1d2a4a1a;border:1.5px dashed #1d2a4a;border-radius:50%}.legend .k-desk{background:#e23b3b2e;border:1.5px solid #e23b3b;border-radius:50%}.legend .k-mat{background:linear-gradient(90deg,#ffe45c 50%,#7ec8ff 50%);border-radius:50%;box-shadow:0 0 0 1px #1d2a4a}.room-list .room-thumb{background:#ffffff80;flex:none;width:64px;height:36px}#flags .rooms{justify-content:center;gap:6px;display:flex}#flags .room{border:3px solid var(--ink);background:var(--c);width:30px;height:30px;font-family:var(--marker);border-radius:50%;place-items:center;font-size:17px;line-height:1;display:grid}#flags .room.theirs{border-style:dashed}#flags .room.contested{animation:.6s ease-in-out infinite contested}@keyframes contested{50%{transform:scale(1.15)rotate(-6deg)}}#prompt .bar{vertical-align:1px;width:120px;height:10px;box-shadow:inset 0 0 0 2px var(--ink);background:#1d2a4a26;margin-left:8px;display:inline-block}#prompt .bar i{background:var(--pin);height:100%;display:block}@media (prefers-reduced-motion:reduce){#flags .room.contested{animation:none}}.setup-summary{text-align:left;background:#e9e2d08c;border:2px solid #0000;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:2px 0 12px;padding:8px;display:grid}.setup-summary:hover{border-color:var(--ink);background:#ffe45c59}.setup-summary img{background:#ffffff80;width:132px;height:auto;display:block}.setup-summary .sum-text{gap:1px;min-width:0;display:grid}.setup-summary b{font-size:21px;line-height:1.05}.setup-summary .sum-mode{font-family:var(--marker);color:var(--pin);font-size:18px}.setup-summary .sum-meta{color:#4a5775;font-size:14px;line-height:1.2}#setup{z-index:22;background:#1d2a4a80;padding:24px 16px;display:flex;overflow-y:auto}.setup-board{width:min(1180px,100%);display:block}.setup-head{width:fit-content;max-width:100%;margin:0 0 18px;padding:14px 22px 10px;transform:rotate(-1deg)}.setup-head h2{font-family:var(--marker);margin:0;font-size:30px;font-weight:400;line-height:1}.setup-head p{margin:4px 0 0;font-size:16px}.setup-cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.setup-rules{transform:rotate(-.5deg)}.setup-actions{justify-content:flex-end;align-items:center;gap:22px;margin-top:18px;display:flex}.setup-actions .link{color:#fbfaf6;text-shadow:0 1px 2px #0009;margin:0}@media (width<=860px){.setup-cols{grid-template-columns:1fr}}.you-grid{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.you-look{background:#e9e2d073;border:2px dashed #0000;border-radius:6px;padding:4px}.you-look:hover{border-color:var(--ink);background:#ffe45c4d}.you-look img{width:96px;height:120px;display:block}.you-side .blurb{margin-top:6px;font-size:14px}.you-actions{gap:8px;margin-top:6px;display:flex}#wardrobe{z-index:24;background:#1d2a4a59;place-items:center;padding:24px 16px;display:grid;overflow-y:auto}.wardrobe-card{width:min(760px,100%);margin:auto;transform:rotate(.4deg)}.wardrobe-card>.blurb{margin:-4px 0 10px}.wardrobe-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.wardrobe-stage{background:radial-gradient(at 50% 85%,#1d2a4a2e,#0000 60%),repeating-linear-gradient(#0000 0 33px,#cfe0f3 33px 34px);border-radius:6px;height:320px}.looks-preview{width:100%;height:100%;display:block}@media (width<=640px){.wardrobe-grid{grid-template-columns:1fr}.wardrobe-stage{height:260px}}