:root{--u:1px;--zoom:1;--zvw:100vw;--zvh:100vh;--edge-light:#f2e2bc;--edge-dark:#3a2a14;--text:#fff;--gold:#ffd659;--top-h:calc(var(--u) * 18);--panel-h:calc(var(--u) * 126);--relief:none;--relief-plain:none;--stone:none;--font-title:Cinzel, Georgia, serif;color:var(--text);font-family:Arial,Helvetica Neue,Helvetica,sans-serif}:root[data-lang=vi]{--font-title:"EB Garamond", Georgia, serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;overflow:hidden}canvas#game{display:block;position:fixed;inset:0}#minimap,#portrait,#commands img,#queue img{image-rendering:pixelated}[hidden]{display:none!important}#topbar,#panel{background:var(--relief) #c8b08a;background-size:calc(var(--u) * 400) calc(var(--u) * 126);image-rendering:pixelated}#topbar{height:var(--top-h);z-index:5;background-image:var(--relief-plain);background-position:0 calc(var(--u) * -108);border-bottom:calc(var(--u) * 1) solid #000;font-size:calc(var(--u) * 12);font-variant-numeric:tabular-nums;color:#000;grid-template-columns:1fr auto 1fr;align-items:center;font-weight:700;display:grid;position:fixed;top:0;left:0;right:0}#topbar .left{align-items:center;height:100%;display:flex}#topbar .center{gap:calc(var(--u) * 10);justify-content:center;align-items:center;display:flex}#topbar .right{justify-content:flex-end;align-items:stretch;height:100%;display:flex}#topbar .res{width:calc(var(--u) * 67);padding-left:calc(var(--u) * 20);line-height:var(--top-h);background:no-repeat calc(var(--u) * 2) center / calc(var(--u) * 16) calc(var(--u) * 16);image-rendering:pixelated}#pop{margin-left:calc(var(--u) * 6)}#match-time{margin-left:calc(var(--u) * 14);white-space:nowrap}#pop.warn,#clock.warn{color:#b00000}#topbar button{font:inherit;color:#000;cursor:pointer;width:calc(var(--u) * 115);border:none;border-left:calc(var(--u) * 2) solid var(--edge-light);box-shadow:inset calc(var(--u) * 1) 0 0 var(--edge-dark), inset calc(var(--u) * -1) 0 0 var(--edge-dark);background:0 0;padding:0}#topbar #menu-btn{width:calc(var(--u) * 62)}#topbar button:active{background:#0000001f}#soft-cursor{width:32px;height:32px;image-rendering:pixelated;pointer-events:none;z-index:1000;will-change:transform;position:fixed;top:0;left:0}body.mouse-locked,body.mouse-locked *{cursor:none!important}#panel{height:var(--panel-h);z-index:5;border-top:calc(var(--u) * 1) solid #000;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);position:fixed;bottom:0;left:0;right:0}body:not(.playing) #panel{transform:translateY(100%)}body:not(.playing) #topbar{transform:translateY(-100%)}#topbar{transition:transform .35s ease-out}#status{left:calc(var(--u) * 2);top:calc(var(--u) * 5);width:calc(var(--u) * 131);height:calc(var(--u) * 118);padding:calc(var(--u) * 3) calc(var(--u) * 5);border:calc(var(--u) * 1) solid;border-color:var(--edge-dark) var(--edge-light) var(--edge-light) var(--edge-dark);font-size:calc(var(--u) * 11);line-height:calc(var(--u) * 13);background:#000;position:absolute;overflow:hidden}#owner-line,#info-title{font:inherit;font-size:calc(var(--u) * 12);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#portrait-box{gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 3);display:flex}#portrait{width:calc(var(--u) * 50);height:calc(var(--u) * 50);flex:none}#stats{gap:calc(var(--u) * 1);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;display:flex}#stats span{padding-left:calc(var(--u) * 26);line-height:calc(var(--u) * 13);background:no-repeat left center / calc(var(--u) * 22) calc(var(--u) * 11);image-rendering:pixelated;white-space:nowrap}#stats .up{color:#8fe08f;font-weight:400}.bar{width:calc(var(--u) * 50);height:calc(var(--u) * 4);margin-top:calc(var(--u) * 3);background:#900}.bar.thin{width:calc(var(--u) * 118)}.bar i{background:#0c0;height:100%;display:block}#hp-text{font-variant-numeric:tabular-nums}#status p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#multi{grid-template-columns:repeat(7, calc(var(--u) * 17));gap:calc(var(--u) * 1) calc(var(--u) * 1);margin-top:calc(var(--u) * 3);display:grid}#multi[hidden]{display:none}#status p.wrap{white-space:normal;max-height:calc(var(--u) * 26);overflow:hidden}#multi button{all:unset;cursor:pointer;width:calc(var(--u) * 17);outline:calc(var(--u) * .5) solid #222;background:#300;flex-direction:column;display:flex}#multi button:hover{outline-color:var(--gold)}#multi img{width:calc(var(--u) * 17);height:calc(var(--u) * 17);image-rendering:pixelated;background:#111}#multi i{height:calc(var(--u) * 3);display:block}#multi .more{width:calc(var(--u) * 17);height:calc(var(--u) * 20);color:var(--gold);justify-content:center;align-items:center;font-weight:700;display:flex}#queue{align-content:flex-start;gap:calc(var(--u) * 2);flex-wrap:wrap;display:flex}#queue:empty{display:none}#queue img{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}#queue img:first-child{outline:calc(var(--u) * 1) solid var(--gold)}#progress-bar{background:var(--gold)}#progress{height:calc(var(--u) * 11);background:#4a3a14;position:relative}#progress-text{text-align:center;font-size:calc(var(--u) * 9);line-height:calc(var(--u) * 11);color:#fff;text-shadow:0 0 calc(var(--u) * 2) #000, 0 0 calc(var(--u) * 1) #000;font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;inset:0}#commands{left:calc(var(--u) * 137);top:calc(var(--u) * 7);grid-template-columns:repeat(6, calc(var(--u) * 50));grid-template-rows:repeat(2, calc(var(--u) * 52));column-gap:calc(var(--u) * 4);row-gap:calc(var(--u) * 6);display:grid;position:absolute}#commands button{all:unset;box-sizing:border-box;cursor:pointer;border:calc(var(--u) * 1) solid;border-color:var(--edge-light) var(--edge-dark) var(--edge-dark) var(--edge-light);background:#000;place-items:center;display:grid;position:relative}#commands button.empty{visibility:hidden;pointer-events:none}#commands button{position:relative}#commands button .hk{min-width:calc(var(--u) * 9);padding:0 calc(var(--u) * 1.5);font:700 calc(var(--u) * 9)/1.25 "Alegreya Sans", Arial, sans-serif;text-align:center;color:#fff6dc;pointer-events:none;background:#140e08c7;border:1px solid #c8a462b3;border-radius:2px;position:absolute;bottom:1px;right:1px}#commands button.off .hk{color:#9a8a72}#commands button img{width:100%;height:100%}#commands button span{font-size:calc(var(--u) * 10);text-align:center;padding:calc(var(--u) * 2)}#commands button:hover,#commands button.vhover{filter:brightness(1.2)}#commands button:active{border-color:var(--edge-dark) var(--edge-light) var(--edge-light) var(--edge-dark)}#commands button.off img{filter:grayscale()brightness(.5)}#commands button.hint{filter:brightness(1.2);box-shadow:0 0 calc(var(--u) * 6) #ffc85a99}#commands button.hint:after{content:"";pointer-events:none;border:calc(var(--u) * 2) solid #ffd678e6;box-shadow:inset 0 0 calc(var(--u) * 6) #ffdc8c8c;position:absolute;inset:0}#commands button.hint:hover{filter:brightness(1.35)}#commands button.off.hint img{filter:grayscale(.4)brightness(.8)}#commands button.pressed{animation:.18s press}@keyframes press{50%{filter:brightness(1.7)}}#minimap-box{width:calc(var(--u) * 235);height:100%;position:absolute;top:0;right:0}#minimap{left:calc(var(--u) * 2);top:calc(var(--u) * 6);width:calc(var(--u) * 196);height:calc(var(--u) * 112);cursor:crosshair;position:absolute}#minimap-box button{right:calc(var(--u) * 5);width:calc(var(--u) * 30);height:calc(var(--u) * 30);font:inherit;font-weight:700;font-size:calc(var(--u) * 13);color:#000;cursor:pointer;border:calc(var(--u) * 1) solid;border-color:var(--edge-light) var(--edge-dark) var(--edge-dark) var(--edge-light);background:0 0;padding:0;position:absolute}#score-btn{top:calc(var(--u) * 8)}#help-btn{bottom:calc(var(--u) * 8)}#minimap-box button:active{border-color:var(--edge-dark) var(--edge-light) var(--edge-light) var(--edge-dark)}#tooltip{left:calc(var(--u) * 5);bottom:calc(var(--panel-h) + var(--u) * 6);z-index:6;pointer-events:none;max-width:70vw;font-size:calc(var(--u) * 12);text-shadow:calc(var(--u) * 1) calc(var(--u) * 1) 0 #000, 0 0 calc(var(--u) * 2) #000;font-weight:700;line-height:1.35;position:fixed}#tooltip b{color:var(--gold)}#tooltip.blocked .why{color:#ff9a3a}#messages{top:calc(var(--top-h) + var(--u) * 8);left:calc(var(--u) * 6);pointer-events:none;z-index:4;position:fixed;right:0}#messages div{font-weight:700;font-size:calc(var(--u) * 12);text-shadow:1px 1px #000,0 0 4px #000;margin-bottom:calc(var(--u) * 2);transition:opacity 1s}#messages .warn{color:#ff9a3a}#messages .fade{opacity:0}#scores{right:calc(var(--u) * 6);bottom:calc(var(--panel-h) + var(--u) * 6);z-index:4;pointer-events:none;text-align:right;font-size:calc(var(--u) * 12);text-shadow:1px 1px #000,0 0 3px #000;font-variant-numeric:tabular-nums;font-weight:700;position:fixed}#scores .head{color:#e8dcc0;font-size:calc(var(--u) * 10);font-weight:400}#scores .rows{column-gap:calc(var(--u) * 8);grid-template-columns:auto auto;align-items:baseline;display:grid}#scores .rows>span{text-align:left}#scores .rows>b{text-align:right}#scores .out{opacity:.5;text-decoration:line-through}#dragbox{pointer-events:none;z-index:3;border:1px solid #fff;position:fixed}#overlay{z-index:10;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}#overlay>*{zoom:var(--zoom,1)}#overlay .card{max-width:min(760px, calc(var(--zvw) - 32px));max-height:calc(var(--zvh) - 24px);max-height:calc(var(--zvh) - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box;text-align:center;color:#fff;background:var(--stone) #463c2e;background-size:64px 64px;border:3px solid #1e1208;border-color:#c8a462 #1e1208 #1e1208 #c8a462;padding:26px 36px;font-family:Alegreya Sans,Arial,sans-serif;animation:.25s ease-out card;overflow-y:auto;box-shadow:0 10px 40px #0009}@keyframes card{0%{opacity:0;transform:scale(.94)}}#overlay h1{font-family:var(--font-title);color:var(--gold);text-shadow:2px 2px #000;margin:0 0 14px;font-size:38px}#overlay .lose h1{color:#e84a3a}#overlay .help h1,#overlay .menu h1{color:#f3e4bd}#overlay .help p{font-size:14px}#overlay .card.help{width:min(860px, calc(var(--zvw) - 32px));height:min(780px, calc(var(--zvh) - 24px));flex-direction:column;max-width:none;padding:22px 28px;display:flex;overflow:hidden}#overlay .help .tabs{gap:6px;margin:0 0 12px}#overlay .help .tabs button{padding:6px 12px;font-size:14px}#overlay .help-body{overscroll-behavior:contain;text-align:left;flex:auto;min-height:0;padding-right:6px;overflow-y:auto}#overlay .help kbd{text-align:center;color:#fff6dc;background:#2a2218;border:1px solid #1e1208;border-color:#c8a462 #1e1208 #1e1208 #c8a462;border-radius:3px;min-width:1.4em;padding:0 5px;font:700 13px/1.5 Alegreya Sans,Arial,sans-serif;display:inline-block}#overlay .help a{color:var(--gold)}#overlay .help .tip{text-align:center;color:#c8b896;margin:10px 0 0;font-size:13px}#overlay .help .steps{margin:0;padding-left:26px;font-size:15px;line-height:1.45}#overlay .help .steps li{text-shadow:1px 1px #000;margin:0 0 9px}#overlay .help .steps b{color:var(--gold)}#overlay table.help-table,#overlay table.keys{border-collapse:collapse;width:100%;font-size:14px}#overlay table.help-table th{text-align:left;vertical-align:top;width:30%;color:var(--gold);padding:6px 12px 6px 0;font-weight:700}#overlay table.help-table td{padding:6px 0}#overlay table.help-table tr+tr,#overlay table.keys tr+tr:not(.group){border-top:1px solid #c8a4622e}#overlay #civ-ranking{background:#00000040;border:1px solid #6b5736;max-height:42vh;padding:8px 10px;display:block;overflow:auto}#overlay #civ-ranking p{margin:0 0 8px;font-size:13px}#overlay #civ-ranking p.tip{margin:8px 0 0}#overlay table.ranking{table-layout:fixed;font-size:13px}#overlay table.ranking th{width:auto;padding:4px 10px 4px 0}#overlay table.ranking tr>th:first-child{text-align:right;color:#c8b896;width:2.2em;padding-right:8px;font-weight:400}#overlay table.ranking td.rank{padding:3px 10px 3px 0}#overlay table.ranking td.rank>span{justify-content:space-between;gap:8px;display:flex}#overlay table.ranking td.rank em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}#overlay table.ranking td.rank b{font-variant-numeric:tabular-nums;color:#c8b896;flex:none;font-weight:400}#overlay table.ranking td.strong em,#overlay table.ranking td.strong b{color:#8fe08f}#overlay table.ranking td.weak em,#overlay table.ranking td.weak b{color:#e08f8f}#overlay .help .pairs{flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;display:flex}#overlay .help .pair{white-space:nowrap;margin:2px 12px 2px 0;display:inline-block}#overlay table.keys .group th{text-align:left;color:var(--gold);font-family:var(--font-title);padding:12px 0 4px;font-size:15px}#overlay table.keys td{vertical-align:middle;padding:3px 0}#overlay table.keys td:not(:first-child){width:30%;padding-left:8px}#overlay .help .slot{box-sizing:border-box;text-align:center;width:100%;padding:3px 8px;font-size:13px;display:block}#overlay .help .slot.fixed{color:#9a8a72;border:1px dashed #c8a46259}#overlay .help button.slot.empty{color:#8a7a62}#overlay .help button.slot.listening{color:#fff6dc;background:linear-gradient(#a8844a,#7a5c2c);animation:1s ease-in-out infinite alternate listen}@keyframes listen{to{filter:brightness(1.25)}}#overlay button:disabled{opacity:.5;cursor:default}#overlay .menu-list{min-width:min(340px, calc(var(--zvw) * .8))}#overlay .menu-list hr{border:0;border-top:1px solid #c8a46259;width:100%;margin:4px 0}#overlay button kbd,#overlay .menu kbd{color:#fff6dc;vertical-align:1px;background:#2a2218;border:1px solid #c8a462;border-radius:3px;margin-left:6px;padding:0 5px;font:700 12px/1.5 Alegreya Sans,Arial,sans-serif;display:inline-block}#overlay button.danger{background:linear-gradient(#7a3424,#521f14)}#overlay button.danger:hover{background:linear-gradient(#8e4030,#642818)}#overlay .menu-foot{margin-top:8px}#overlay button.link{color:#c8b896;background:0 0;border:0;padding:4px 8px;font-size:13px;text-decoration:underline}#overlay .settings{min-width:min(420px, calc(var(--zvw) * .82));text-align:left;gap:7px;display:grid}#overlay .settings h3{font:700 15px var(--font-title);color:var(--gold);text-shadow:1px 1px #000;margin:10px 0 0}#overlay .settings h3:first-child{margin-top:0}#overlay .settings>button{text-align:left}#overlay .settings>button.toggle{flex-wrap:wrap;align-items:baseline;display:flex}#overlay .settings>button.toggle small{flex-basis:100%;order:2}#overlay .settings small{color:#c8b896;font-size:12px;font-weight:400;display:block}#overlay .settings .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#overlay .settings .row>span:first-child{min-width:100px}#overlay .settings .seg button{padding:5px 10px;font-size:14px}@media (max-width:560px){#overlay .card.help{padding:16px}#overlay table.help-table th{width:auto;padding-bottom:0;display:block}#overlay table.help-table td{display:block}}#overlay p{text-shadow:1px 1px #000;margin:8px 0;font-size:16px}#overlay .choices{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0;display:inline-flex}#overlay .stack{gap:8px;min-width:300px;margin:6px auto;display:grid}#overlay button{font:inherit;color:#f3e4bd;cursor:pointer;text-shadow:1px 1px #000;background:linear-gradient(#6e5534,#4a3820);border:2px solid #1e1208;border-color:#c8a462 #1e1208 #1e1208 #c8a462;padding:8px 20px;font-size:16px;font-weight:700}#overlay button:hover,#overlay button.vhover{background:linear-gradient(#80653e,#5a4428)}#overlay button.toggle.off{color:#9a8a72}#overlay button.toggle.off:after{content:" · off"}#overlay button.toggle:not(.off):after{content:" · on"}#overlay select{font:inherit;color:#f3e4bd;background:#2a2218;border:2px solid #c8a462;padding:4px 8px}#overlay .form{text-align:left;text-shadow:1px 1px #000;grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);align-items:center;gap:8px 12px;max-width:600px;margin:14px auto 10px;font-size:16px;display:grid}#overlay .form>label{text-align:right;color:#e8dcc0;white-space:nowrap}#overlay .form>.ctl{grid-column:2/-1;min-width:0}#overlay .form>.ctl.half{grid-column:auto}#overlay .form select{width:100%;min-width:0}#overlay .form .pair{gap:8px;display:flex}#overlay .form .pair select:first-child{flex:none;width:5em}#overlay .form>.wide{grid-column:2/-1}#overlay .form>.wide[hidden]{display:none}#overlay .bans{background:#00000040;border:1px solid #6b5736;padding:8px 10px}#overlay .bans-group+.bans-group{margin-top:8px}#overlay .bans-group>b{color:#e8dcc0;font-size:14px}#overlay .bans-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2px 10px;margin-top:4px;display:grid}#overlay .bans-list .check{gap:6px;font-size:14px}#overlay .bans-list .check input{width:14px;height:14px;margin-top:2px}#overlay .bans-foot{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:8px;display:flex}#overlay .bans-foot .note{flex:14em}#overlay .form>.note{color:var(--gold);margin-top:-4px;font-size:14px}#overlay .form #team-rows{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;font-size:14px;display:grid}#overlay .form #team-rows[hidden]{display:none}#overlay .form .team{justify-content:space-between;align-items:center;gap:6px;display:flex}#overlay .form .team select{width:auto;padding:2px 4px;font-size:14px}#overlay .checks{text-align:left;text-shadow:1px 1px #000;gap:6px;width:-moz-fit-content;width:fit-content;max-width:600px;margin:6px auto 12px;display:grid}#overlay .check{cursor:pointer;align-items:flex-start;gap:10px;font-size:16px;display:flex}#overlay .check input{accent-color:#c8a462;flex:none;width:16px;height:16px;margin:3px 0 0}#overlay .check small{color:#c8b896;font-size:13px;display:block}@media (max-width:620px){#overlay .form{grid-template-columns:max-content minmax(0,1fr)}#overlay .form>.ctl.half{grid-column:2/-1}}#civ-info{color:var(--gold);min-height:2.4em;font-size:14px;display:block}#overlay table{border-collapse:collapse;text-align:left;margin:6px auto;font-size:15px}#overlay td{vertical-align:top;border-bottom:1px solid #c8a46259;padding:4px 12px}#overlay table.diplomacy td{vertical-align:middle}#overlay .seg{flex-wrap:wrap;gap:3px;display:inline-flex}#overlay .file-btn span{color:#f3e4bd;cursor:pointer;text-shadow:1px 1px #000;background:linear-gradient(#6e5534,#4a3820);border:2px solid #1e1208;border-color:#c8a462 #1e1208 #1e1208 #c8a462;padding:8px 20px;font-size:16px;font-weight:700;display:inline-block}#overlay .seg button{padding:3px 7px;font-size:12px}#overlay .seg button.picked{color:#fff6dc;background:linear-gradient(#a8844a,#7a5c2c)}#overlay .seg button:not(.picked){color:#b8a888}#overlay table.diplomacy .bonus{color:#c8b896;max-width:260px;font-size:11px}#overlay .diplo-card{max-width:min(860px,100vw - 32px)}#overlay .card.still{animation:none}#overlay table.diplo{background:#00000040;border:2px solid #c8a462;border-color:#1e1208 #c8a462 #c8a462 #1e1208}#overlay table.diplo th{color:#e8dcc0;text-align:center;border-bottom:1px solid #c8a46280;padding:4px 8px;font-size:13px;font-weight:600}#overlay table.diplo tr.top th{color:var(--gold);border-bottom:none;padding-bottom:0}#overlay table.diplo th:first-child{text-align:left}#overlay table.diplo td{padding:5px 8px}#overlay table.diplo td.who{min-width:130px}#overlay table.diplo td.who small{color:#c8b896;font-size:11px;font-weight:400;display:block}#overlay table.diplo td.civ{color:#f3e4bd;cursor:help;-webkit-text-decoration:underline dotted #c8a46299;text-decoration:underline dotted #c8a46299}#overlay table.diplo td.you{text-align:center;color:#c8b896;font-style:italic}#overlay table.diplo td.tick,#overlay table.diplo td.pay{text-align:center}#overlay table.diplo tr.me td{background:#c8a46214}#overlay table.diplo button.box{background:#2a2218;border-color:#1e1208 #c8a462 #c8a462 #1e1208;width:20px;height:20px;padding:0;position:relative}#overlay table.diplo button.box.on:after{content:"";background:var(--gold);position:absolute;inset:4px;box-shadow:0 0 4px #e8c878cc}#overlay table.diplo td.pay button{font-variant-numeric:tabular-nums;min-width:52px;padding:3px 8px;font-size:13px}#overlay .check.allied{width:-moz-fit-content;width:fit-content;margin:8px auto}@media (max-width:620px){#overlay table.diplo{font-size:12px}#overlay table.diplo td,#overlay table.diplo th{padding:3px}#overlay table.diplo td.pay button{min-width:36px;padding:2px 4px}}#timeline{width:min(640px, calc(var(--zvw) * .8));image-rendering:auto;cursor:crosshair;height:260px;margin:8px auto 4px;display:block}#timeline-read{text-align:center;font-variant-numeric:tabular-nums;min-height:34px;font-size:13px}.timeline-key{color:#c8b896;text-align:center;font-size:11px}#overlay .tabs button.on{outline:2px solid var(--gold)}#overlay table.score th{color:#e8dcc0;padding:4px 10px;font-size:13px;font-weight:400}#overlay table.score td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}#overlay textarea{width:min(560px, calc(var(--zvw) * .8));color:#f3e4bd;word-break:break-all;resize:vertical;background:#2a2218;border:2px solid #c8a462;margin:6px auto;font:11px/1.3 ui-monospace,monospace;display:block}#overlay ul.friends{margin:6px 0;padding:0;list-style:none}#overlay .online-note{color:var(--gold);font-size:14px;display:block}#overlay .online-note button{padding:3px 10px;font-size:12px}#overlay .room-code{letter-spacing:6px;color:var(--gold);font-variant-numeric:tabular-nums;margin:4px 0 8px;font-size:40px;font-weight:700;display:block}#overlay .hint{color:#c8b896;max-width:520px;margin:0 auto;font-size:11px;display:block}#overlay #room-in{text-align:center;letter-spacing:3px;color:#f3e4bd;background:#2a2218;border:2px solid #c8a462;width:9ch;padding:6px;font:700 22px/1 ui-monospace,monospace}#overlay .join-state{background:#00000040;border:2px solid #c8a462;flex-direction:column;align-items:center;gap:8px;min-width:320px;margin:14px auto;padding:18px 26px;display:flex}#overlay .join-state b{color:#f3e4bd;font-size:20px}#overlay .join-state span{color:#d8c8a2;font-size:14px}#overlay .join-state.ok{border-color:#7fbf5a}#overlay .join-tick{line-height:1;color:#8fd46a!important;font-size:34px!important}#overlay .spinner{border:4px solid #f3e4bd40;border-top-color:#f3c86a;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite bd-spin}@keyframes bd-spin{to{transform:rotate(360deg)}}#overlay .dots:after{content:"";animation:1.5s steps(4,end) infinite bd-dots}@keyframes bd-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#overlay .mainmenu{min-width:min(420px, calc(var(--zvw) - 32px));text-align:center}#turn-hint{display:none}@media (orientation:portrait) and (max-width:600px){body.playing #turn-hint{left:50%;top:calc(var(--top-h) + 8px);z-index:6;color:#fff6dc;pointer-events:none;white-space:nowrap;background:#140e08d1;border:1px solid #c8a462;border-radius:4px;padding:6px 12px;font:600 13px Alegreya Sans,Arial,sans-serif;display:block;position:fixed;transform:translate(-50%)}}#overlay .mainmenu h1{letter-spacing:2px;margin-bottom:4px;font-size:52px}#overlay .mainmenu .tagline{font-family:var(--font-title);letter-spacing:6px;text-transform:uppercase;color:#e8dcc0;font-size:15px}#overlay .mainmenu-list{width:min(380px, calc(var(--zvw) * .8));flex-direction:column;gap:12px;margin:22px auto 10px;display:flex}#overlay .mainmenu-list button{font-family:var(--font-title);letter-spacing:2px;border:3px solid #6a4a20;border-color:#f0d898 #6a4a20 #6a4a20 #f0d898;padding:14px 20px;font-size:20px;box-shadow:inset 0 0 0 2px #00000059}#overlay .mainmenu-list button:hover{color:#fff2c0;text-shadow:0 0 6px #ffdc78b3,1px 1px #000}#overlay .mainmenu .small{color:#c8b896;font-size:12px}#overlay #room-in{box-sizing:content-box;letter-spacing:3px;text-align:center;color:#f3e4bd;background:#2a2218;border:2px solid #c8a462;width:12ch;padding:4px 8px;font:700 22px/1.2 ui-monospace,monospace}#overlay .lobby-card{text-align:left;width:min(980px,96vw);max-width:none;padding:18px 22px}#overlay .lobby-card h1{text-align:center;margin-bottom:4px}#overlay .lobby-card>p{margin:4px 0}#overlay .lobby-head{text-align:center;min-height:1.2em;font-size:15px}#overlay .lobby-head .room-code{letter-spacing:3px;margin-left:8px;font-size:26px}#overlay .lobby-main{grid-template-columns:1fr 260px;gap:16px;margin-top:8px;display:grid}#overlay .seats{border-collapse:collapse;width:100%;margin:0;font-size:14px}#overlay .seats th{text-align:left;font-family:var(--font-title);color:#f3e4bd;border-bottom:1px solid #c8a46280;padding:2px 6px;font-weight:400}#overlay .seats td{vertical-align:middle;border-bottom:1px solid #c8a4622e;padding:3px 6px}#overlay .seats tr.me td{background:#f3c86a1a}#overlay .seats select,#overlay .seats input{max-width:170px;padding:2px 4px;font-size:13px}#overlay .seats select.team{width:46px}#overlay .seats .swatch{text-align:center;color:#fff;text-shadow:1px 1px #000;border:1px solid #000;width:22px;height:18px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}#overlay .seats .seat.open,#overlay .seats select.seat.open{color:#8fd46a}#overlay .seats .seat.closed,#overlay .seats select.seat.closed{color:#9a8a72}#overlay .seats .seat.computer,#overlay .seats select.seat.computer{color:#e8b86a}#overlay .seats .tag{color:#c8b896;border:1px solid #8a7350;padding:0 4px;font-size:11px}#overlay .seats .ready.yes{color:#8fd46a;font-weight:700}#overlay .seats .ready.no{color:#c88a6a}#overlay .lobby-chat{background:#00000059;border:2px solid #8a7350;height:120px;margin-top:10px;padding:6px 8px;font-size:13px;overflow-y:auto}#overlay .lobby-chat .quiet{color:#9a8a72}#overlay #chat-in{box-sizing:border-box;width:100%;font:inherit;color:#f3e4bd;background:#1e1810;border:2px solid #8a7350;margin-top:4px;padding:5px 8px;font-size:14px}#overlay .lobby-right #lobby-settings{width:100%;margin-bottom:6px}#overlay .lobby-right #lobby-settings:disabled{opacity:.7;cursor:default}#overlay .lobby-settings{margin:0;padding:0;font-size:13px;list-style:none}#overlay .lobby-settings li{border-bottom:1px solid #c8a4622e;justify-content:space-between;gap:8px;padding:3px 2px;display:flex}#overlay .lobby-settings li span{color:#c8b896}#overlay .lobby-settings li b{color:#f3e4bd;text-align:right;font-weight:600}#overlay .lobby-foot{align-items:center;gap:12px;margin-top:12px;display:flex}#overlay .lobby-foot .ready-box,#overlay .lobby-foot .host-note{flex:1;font-size:17px}#overlay .lobby-foot .ready-box input{vertical-align:-3px;width:20px;height:20px}#overlay .lobby-foot button{min-width:160px}#overlay .lobby-foot button:disabled{opacity:.55;cursor:default}#overlay .lobby-status{text-align:center;color:#d8c8a2;min-height:1.2em;margin-top:6px;font-size:13px}#overlay button.link{font-size:inherit;color:var(--gold);cursor:pointer;text-shadow:none;background:0 0;border:none;padding:0;text-decoration:underline}@media (max-width:720px){#overlay .lobby-main{grid-template-columns:1fr}}#overlay .lobby-card{animation:none}#overlay .seats input#my-name{color:#f3e4bd;background:#2a2218;border:2px solid #c8a462;font-weight:700}#overlay .lobby-chat .sys{color:#a8b88a;font-style:italic}#game-chat-in{left:50%;bottom:calc(var(--panel-h) + var(--u) * 30);z-index:6;width:min(560px,100vw - 32px);font:inherit;font-size:calc(var(--u) * 12);padding:calc(var(--u) * 5) calc(var(--u) * 8);color:#f3e6c4;background:#140e08e0;border:1px solid #b8913f;border-radius:3px;outline:none;position:fixed;transform:translate(-50%)}#messages .chat{color:#f3e6c4;font-weight:400}#messages .chat b{font-weight:700}#pov{top:calc(var(--u) * 30);z-index:4;pointer-events:none;color:#e8dcc0;font-size:calc(var(--u) * 12);text-shadow:1px 1px #000;white-space:nowrap;background:#0000008c;border:1px solid #c8a46299;padding:3px 12px;position:fixed;left:50%;transform:translate(-50%)}#pov span{color:#b8a888;margin-left:8px;font-size:.85em}#replay-bar{left:50%;bottom:calc(var(--panel-h) + var(--u) * 8);z-index:6;align-items:center;gap:calc(var(--u) * 6);box-sizing:border-box;width:min(720px,100vw - 32px);padding:calc(var(--u) * 4) calc(var(--u) * 8);color:#e8dcc0;font-size:calc(var(--u) * 12);font-variant-numeric:tabular-nums;background:#140e08e0;border:1px solid #b8913f;border-radius:3px;display:flex;position:fixed;transform:translate(-50%)}#replay-bar[hidden]{display:none}#replay-bar button{font:inherit;color:#f3e4bd;cursor:pointer;white-space:nowrap;background:#3a2e1e;border:1px solid #8a6c3a;border-radius:2px;padding:2px 8px}#replay-bar button:hover{background:#4a3a24}#replay-bar button[data-rp=play]{min-width:calc(var(--u) * 30)}#replay-bar input[type=range]{accent-color:#c8a462;cursor:pointer;flex:1;min-width:60px}#replay-bar #rp-time{white-space:nowrap}#seek-veil{z-index:90;color:#e8dcc0;background:#120d08bf;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:500 15px Alegreya Sans,Arial,sans-serif;display:flex;position:fixed;inset:0}#seek-veil .busy-bar{box-sizing:border-box;background:#2a2218;border:2px solid #c8a462;width:min(360px,70vw);height:12px}#seek-veil .busy-bar i{background:linear-gradient(#e8c878,#a8844a);width:5%;height:100%;display:block}#overlay #replays td small{color:#b8a888;font-size:.85em;display:block}#overlay .menu-list small.note,#overlay small.note{color:#c8b896;margin:-2px 0 4px;font-size:12px;display:block}#overlay .phone-note{max-width:min(380px, calc(var(--zvw) * .85));color:#fff6dc;background:#140e0899;border:1px solid #c8a462;border-radius:4px;margin:4px auto 10px;padding:8px 12px;font-size:14px;display:block}#busy{z-index:100;color:#e8dcc0;background:#120d08eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font:500 15px Alegreya Sans,Arial,sans-serif;display:flex;position:fixed;inset:0}#busy b{font:700 44px var(--font-title);color:#e8c878;text-shadow:2px 2px #000;letter-spacing:2px}#busy .busy-bar{box-sizing:border-box;background:#2a2218;border:2px solid #c8a462;width:min(360px,70vw);height:12px}#busy .busy-bar i{background:linear-gradient(#e8c878,#a8844a);width:90%;height:100%;display:block}