:root{--paper:#ded0b2;--paper-2:#cdbb98;--paper-edge:#a8916b;--board:#4a4238;--board-2:#3a332b;--board-3:#2b251f;--gilt:#c9a05c;--gilt-hi:#ecd9a8;--gilt-lo:#7d5f2e;--ink:#33291f;--ink-2:#5d4f3d;--ink-3:#8a7a63;--oxblood:#a33a26;--jade:#4f7d4a;--ochre:#8a6320;--lit:#e6d9bd;--lit-2:#b5a488;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--rail-h:218px;--widget-h:150px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--wood:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.28' numOctaves='5' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='560' height='240' filter='url(%23w)' opacity='0.5'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--lit);font-family:var(--serif);-webkit-font-smoothing:antialiased;background:#2a251e;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;z-index:2;position:fixed;inset:0}.state-label{font-family:var(--sans);letter-spacing:.06em;color:#fffaeef0;text-shadow:0 1px 3px #000000f2,0 0 10px #000000b3;will-change:transform;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.state-label.major{font-family:var(--serif);letter-spacing:.12em;color:#fff8e8;font-size:15px;font-weight:700}#topbar{z-index:5;padding:var(--s3) var(--s5) var(--s4);pointer-events:none;background:linear-gradient(#1c1813b3,#1c181300);justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}#phase{font-family:var(--serif);color:var(--lit-2);text-shadow:0 1px 3px #000c;font-size:14px;font-style:italic}.crest{padding:0 var(--s4) 0 var(--s2);pointer-events:none;border-right:1px solid #c9a05c38;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:7px;display:flex}.brand{letter-spacing:.14em;color:#efe4cb;text-shadow:0 -1px #0f0a05d9,0 1px #ecd9a847;font-size:19px;font-weight:700;line-height:1.1}.brand span{letter-spacing:.3em;color:var(--gilt);font-size:12px;display:block}.turn{align-items:baseline;gap:var(--s2);display:flex}.turn-label{font-family:var(--sans);letter-spacing:.26em;color:#c9a05cb3;text-shadow:0 -1px #0f0a05cc;font-size:9px;font-weight:700}#turn-number{color:var(--gilt-hi);text-shadow:0 -1px #0f0a05d9,0 1px #ecd9a840;font-size:19px;font-weight:700}#alive-count{font-family:var(--sans);letter-spacing:.2em;color:#c9a05cd9;text-shadow:0 -1px #0f0a05cc;font-size:10px;font-weight:700}#announce{z-index:6;padding:var(--s5) 0 var(--s6);text-align:center;pointer-events:none;opacity:0;position:fixed;top:20%;left:0;right:0}#announce:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 40%,#0b0805d6,#0b08059e 32%,#0b080547 56%,#0b080514 74%,#0b080500 92%);width:min(1280px,98vw);height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#announce.show{animation:2.1s cubic-bezier(.16,1,.3,1) forwards pop}#announce .headline{letter-spacing:.01em;color:#fdf3dd;text-shadow:0 3px 26px #000000f2,0 0 60px #c9a05c40;font-size:clamp(30px,4.8vw,58px);font-weight:700}#announce .sub{margin-top:var(--s2);font-family:var(--sans);letter-spacing:.28em;color:var(--gilt);text-shadow:0 2px 14px #000000e6;font-size:clamp(10px,1.1vw,13px);font-weight:700}@keyframes pop{0%{opacity:0;transform:scale(.95)translateY(8px)}10%{opacity:1;transform:scale(1)translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}#warroom{z-index:5;height:var(--rail-h);justify-content:center;align-items:stretch;gap:var(--s5);background:radial-gradient(130% 160% at 50% -40%, #ecd9a821, #ecd9a800 64%), var(--wood), var(--grain), linear-gradient(180deg, #564c40 0%, #453c32 30%, #362f28 68%, #262119 100%);background-blend-mode:normal, soft-light, overlay, normal;background-size:auto,100% 100%,auto,auto;border-top:1px solid #c9a05c8c;padding:13px 18px 12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #120d08bf,inset 0 2px #c9a05c33,0 -22px 48px #0009}#standings,#feed{filter:drop-shadow(0 3px 5px #0000008c)drop-shadow(0 1px #0006);min-width:0;display:flex}#standings{flex:none;width:252px}#feed{flex:1;min-width:232px;max-width:400px}.ledger{width:100%;color:var(--ink);background-color:var(--paper);background-image:var(--grain);background-blend-mode:multiply;clip-path:polygon(0% 3px,7px 1px,24% 3px,46% 0%,68% 3px,89% 1px,100% 3px,100% calc(100% - 3px),82% 100%,57% calc(100% - 3px),33% 100%,11% calc(100% - 2px),0% calc(100% - 4px));flex-direction:column;padding:8px 13px 9px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #78644647,inset 0 2px #fffaec66,inset 0 0 26px #8a745066,inset 0 -12px 22px #8a745038}#standings h2,#feed h2{font-family:var(--serif);letter-spacing:.15em;color:var(--oxblood);text-shadow:0 0 1px #a33a264d;border-bottom:1px solid #33291f4d;margin:0 0 5px;padding-bottom:5px;font-size:13px;font-weight:700}#standings ol,#feed ol{margin:0;padding:0;list-style:none}#standings-list,#feed-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5d4f3d80 #a8916b40;flex:1;margin-right:-5px;padding-right:5px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 13px),#0000);mask-image:linear-gradient(#000 calc(100% - 13px),#0000)}#standings-list::-webkit-scrollbar{width:6px}#feed-list::-webkit-scrollbar{width:6px}#standings-list::-webkit-scrollbar-track{background:#a8916b40;border-radius:3px}#feed-list::-webkit-scrollbar-track{background:#a8916b40;border-radius:3px}#standings-list::-webkit-scrollbar-thumb{background:#5d4f3d80;border-radius:3px}#feed-list::-webkit-scrollbar-thumb{background:#5d4f3d80;border-radius:3px}#standings-list::-webkit-scrollbar-thumb:hover{background:#33291fa6}#feed-list::-webkit-scrollbar-thumb:hover{background:#33291fa6}#standings li{color:var(--ink);align-items:center;gap:7px;padding:2.5px 1px;font-size:12px;display:flex}#standings li+li{border-top:1px solid #33291f24}.standing-yoke{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ochre);opacity:.85;flex:none;font-size:8px;font-weight:800}#standings li.vassal .standing-name{color:var(--lit-2);font-style:italic}.standing-rank{text-align:right;width:15px;font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none;font-size:9.5px;font-weight:700}.swatch{border-radius:1px;flex:none;width:9px;height:9px;box-shadow:0 0 0 1px #33291f8c,0 1px 1px #33291f59}.standing-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.standing-share{font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:10.5px}#feed li{color:var(--ink-2);border-bottom:1px solid #33291f21;padding:5px 0;font-size:12px;line-height:1.5}#feed li:last-child{border-bottom:0}#feed li b{color:var(--ink);font-weight:700}#feed li .turn-tag{min-width:21px;font-family:var(--sans);font-variant-numeric:tabular-nums;color:#a33a26b3;font-size:9.5px;font-weight:700;display:inline-block}#feed li.big b,#feed li.ctrl b{color:var(--ochre)}#feed li.bad b{color:var(--oxblood)}#feed li.good b{color:var(--jade)}#feed li:before{content:"";float:left;opacity:.9;background-position:50%;background-repeat:no-repeat;background-size:contain;width:15px;height:15px;margin:1px 7px 0 0}#feed li.good:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg stroke='%234f7d4a' stroke-width='1.5' stroke-linecap='round' fill='none'%3E%3Cpath d='M3 3 L11.5 12'/%3E%3Cpath d='M13 3 L4.5 12'/%3E%3Cpath d='M2 12.5 L4.5 12'/%3E%3Cpath d='M14 12.5 L11.5 12'/%3E%3C/g%3E%3C/svg%3E")}#feed li.big:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.6 2.6 L9.3 2.6 L9.3 7.1 L13.4 7.1 L13.4 13.4 L2.6 13.4 Z' fill='none' stroke='%238a6320' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9.3 2.6 L13.4 2.6 L13.4 7.1' fill='none' stroke='%238a6320' stroke-opacity='0.72' stroke-width='1.3' stroke-dasharray='2 1.9' stroke-linecap='round'/%3E%3C/svg%3E")}#feed li.bad:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23a33a26' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 14 L9 2'/%3E%3Cpath d='M8.4 3.6 L13 5 L10.6 8.2 L6.6 6.8 Z' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}#feed li.split:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 L6 5 L9 7 L6 10 L9 12 L7.5 15' fill='none' stroke='%23a33a26' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#feed li.ctrl:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%238a6320' stroke-width='1.5'%3E%3Ccircle cx='5.5' cy='8' r='3.4'/%3E%3Ccircle cx='10.5' cy='8' r='3.4'/%3E%3C/g%3E%3C/svg%3E")}#feed li.sea:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%235d4f3d' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M1.5 6 Q4 3.5 6.5 6 T11.5 6 T16 6'/%3E%3Cpath d='M1.5 10 Q4 7.5 6.5 10 T11.5 10 T16 10'/%3E%3C/g%3E%3C/svg%3E")}.instruments{background:var(--wood), var(--grain), linear-gradient(180deg, #1e1a15 0%, #2b251f 46%, #211c17 100%);background-blend-mode:soft-light, overlay, normal;background-size:100% 100%,auto,auto;border-radius:6px;align-self:center;align-items:flex-end;gap:22px;padding:12px 22px 10px;display:flex;box-shadow:inset 0 7px 14px #000c,inset 0 -6px 12px #00000073,inset 0 1px #000000f2,inset 0 -1px #ecd9a821,0 1px #ecd9a817}.widget{height:var(--widget-h);grid-template-rows:1fr auto;place-items:center;row-gap:7px;display:grid}.widget.active .housing{transform:translateY(-9px)}.housing{background:radial-gradient(circle at 36% 28%, #544a3e, #38312a 68%, #241f19) padding-box, conic-gradient(from 140deg, var(--gilt-lo), var(--gilt) 20%, var(--gilt-hi) 42%, var(--gilt) 62%, var(--gilt-lo) 88%, var(--gilt-hi)) border-box;filter:saturate(.72)brightness(.82);border:3px solid #0000;border-radius:50%;place-items:center;padding:6px;transition:box-shadow .3s,filter .3s,transform .3s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:inset 0 4px 10px #000c,0 3px 8px #0000008c}.widget.active .housing{filter:none;box-shadow:inset 0 4px 10px #000000b3,0 6px 16px #0009,0 0 30px #c9a05c4d}.widget>span{font-family:var(--sans);letter-spacing:.2em;white-space:nowrap;color:#c9a05c80;text-shadow:0 -1px #000000e6,0 1px #ecd9a817;font-size:8.5px;font-weight:800;transition:color .3s}.widget.active>span{color:var(--gilt-hi);text-shadow:0 -1px #000000d9}.wheel-widget .housing{border-radius:7px;padding:5px}#state-wheel{width:182px;height:116px;display:block}#compass{width:88px;height:88px;display:block}#die{width:74px;height:74px;display:block}.controls{flex-direction:column;flex:none;align-self:center;gap:7px;width:208px;display:flex}#spin{height:58px;font-family:var(--serif);letter-spacing:.3em;text-indent:.3em;color:#402a08;border:1px solid var(--gilt-lo);text-shadow:-1px -1px #462c088c,1px 1px #fff9e2b3;cursor:pointer;background:linear-gradient(#fffcf080,#fffcf000 14%),linear-gradient(#f0dcae 0%,#dcba7a 20%,#c69c55 50%,#ab823b 78%,#8c6a2b 100%);border-radius:4px;font-size:19px;font-weight:700;transition:transform 90ms,filter .18s;box-shadow:inset 0 0 0 1px #ecd9a866,inset 0 1px #fffae8cc,inset 0 -3px 6px #4a2e0a66,0 2px #5a4019,0 5px 12px #0000008c}#spin:hover:not(:disabled){filter:brightness(1.06)}#spin:active:not(:disabled){filter:none;text-shadow:1px 1px #fff9e252;background:linear-gradient(#946d2c 0%,#ac8342 45%,#c19a5b 100%);transform:translateY(2px);box-shadow:inset 0 0 0 1px #ecd9a838,inset 0 3px 7px #34210699,0 0 #0000,0 1px 3px #00000080}#spin:disabled{color:#c9a05c47;text-shadow:0 -1px #000c;cursor:default;background:linear-gradient(#322b23 0%,#262019 55%,#1b1712 100%);border-color:#7d5f2e6b;box-shadow:inset 0 1px #ecd9a812,inset 0 -3px 7px #0009,0 1px #00000080}.control-row{gap:7px;display:flex}.toggle{height:32px;font-family:var(--sans);letter-spacing:.16em;color:var(--lit-2);cursor:pointer;background:linear-gradient(#494035 0%,#362f28 55%,#2a241e 100%);border:1px solid #7d5f2e9e;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:8.5px;font-weight:800;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px #ecd9a82b,inset 0 -2px 4px #00000059,0 1px #0000008c}.toggle>b{color:#e6d9bd6b;font-weight:800}.toggle:hover{color:var(--lit);border-color:#c9a05cb3}.toggle:hover>b{color:#ecd9a8b3}.toggle.on{color:var(--lit);background:linear-gradient(#1c1813 0%,#241f19 60%,#2c261f 100%);border-color:#c9a05cb3;box-shadow:inset 0 3px 6px #000c,inset 0 -1px #ecd9a81f,0 1px #ecd9a80f}.toggle.on>b{color:var(--gilt-hi)}.speed{align-items:center;gap:9px;height:22px;padding:0 1px;display:flex}.speed-label{font-family:var(--sans);letter-spacing:.2em;color:#c9a05c9e;text-shadow:0 -1px #000c;font-size:8px;font-weight:800}.speed output{min-width:24px;font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--lit-2);text-align:right;font-size:11px}#speed{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:20px}#speed::-webkit-slider-runnable-track{background:linear-gradient(#120f0b,#2a241e);border-radius:3px;height:6px;box-shadow:inset 0 2px 3px #000000f2,inset 0 -1px #ecd9a81a}#speed::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:radial-gradient(circle at 35% 28%, var(--gilt-hi), var(--gilt) 50%, var(--gilt-lo) 100%);border:1px solid #201606d9;border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 3px #000000b3,inset 0 -1px 1px #3c280a80}#speed::-moz-range-track{background:linear-gradient(#120f0b,#2a241e);border-radius:3px;height:6px;box-shadow:inset 0 2px 3px #000000f2}#speed::-moz-range-thumb{box-sizing:border-box;background:radial-gradient(circle at 35% 28%, var(--gilt-hi), var(--gilt) 50%, var(--gilt-lo) 100%);border:1px solid #201606d9;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #000000b3}#speed:focus-visible{outline-offset:2px;outline:1px solid #c9a05ccc}.ghost{height:24px;font-family:var(--sans);letter-spacing:.18em;color:#b5a488b8;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;flex:1;justify-content:center;align-items:center;font-size:8.5px;font-weight:700;transition:color .18s,border-color .18s;display:flex}.ghost:hover{color:var(--gilt-hi);border-bottom-color:#c9a05ca6}.ghost:active{color:var(--gilt)}#civil-panel{z-index:7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080604a8;place-items:center;animation:.25s ease-out fade;display:grid;position:fixed;inset:0}#civil-panel[hidden]{display:none}.civil-inner{padding:var(--s5) var(--s6) var(--s5);background:linear-gradient(180deg, #4a4238fa, #302a23fc) padding-box, linear-gradient(150deg, var(--gilt-hi), var(--gilt) 30%, var(--gilt-lo) 60%, var(--gilt)) border-box;border:3px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:6px;display:flex;box-shadow:0 26px 70px #000000b3}.civil-inner h3{font-family:var(--sans);letter-spacing:.34em;color:#e06a52;margin:0;font-size:10px;font-weight:800}.civil-inner p{margin:2px 0 var(--s2);color:var(--lit);font-size:25px;font-weight:700}.civil-hint{color:var(--lit-2);font-size:12px;font-style:italic}#civil-wheel{width:236px;height:236px;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}#tooltip{z-index:8;color:var(--ink);background-color:var(--paper);background-image:var(--grain);background-blend-mode:multiply;border:1px solid var(--paper-edge);pointer-events:none;white-space:nowrap;border-radius:2px;padding:5px 11px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 4px 14px #0009}#tooltip[hidden]{display:none}#rules-panel{z-index:9;padding:var(--s5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080604c7;place-items:center;display:grid;position:fixed;inset:0}#rules-panel[hidden]{display:none}.rules-inner{max-width:580px;max-height:82vh;padding:var(--s6) var(--s6) var(--s5);color:var(--ink);background-color:var(--paper);background-image:var(--grain);background-blend-mode:multiply;scrollbar-width:thin;scrollbar-color:#5d4f3d80 #a8916b40;background-clip:padding-box;border:3px solid #0000;border-radius:4px;font-size:14px;line-height:1.68;position:relative;overflow-y:auto;box-shadow:0 26px 70px #000000bf,inset 0 0 60px #a8916b8c}.rules-inner h3{margin:0 0 var(--s4);letter-spacing:.04em;color:var(--oxblood);font-size:19px;font-weight:700}.rules-inner ol{margin:0;padding-left:20px}.rules-inner li{margin-bottom:var(--s3)}.rules-inner ul{margin:6px 0;padding-left:18px}.rules-inner b{color:#241c12;font-weight:700}.rules-inner .bad{color:var(--oxblood)}.rules-inner .mid{color:var(--ochre)}.rules-inner .good{color:var(--jade)}.rules-inner .hint{margin:var(--s4) 0 0;color:var(--ink-2);font-size:12.5px;font-style:italic}.rules-inner .credit{margin:var(--s2) 0 0;color:var(--ink-3);font-size:11px}#rules-close{top:var(--s3);right:var(--s3);width:28px;height:28px;color:var(--ink-2);border:1px solid var(--paper-edge);cursor:pointer;background:#a8916b33;border-radius:3px;font-size:17px;position:absolute}#rules-close:hover{color:var(--oxblood)}@media (width<=1180px){:root{--rail-h:168px;--widget-h:116px}#warroom{gap:var(--s4);padding:10px 12px 9px}.crest{padding-right:var(--s3);gap:5px}.brand{font-size:15px}.brand span{font-size:9.5px}#turn-number{font-size:16px}#standings{width:190px}#feed{min-width:190px;max-width:300px}.ledger{padding:6px 10px 7px}#standings h2,#feed h2{margin-bottom:4px;padding-bottom:4px;font-size:11.5px}.instruments{gap:16px;padding:10px 14px 8px}#state-wheel{width:132px;height:84px}#compass{width:72px;height:72px}#die{width:60px;height:60px}.controls{gap:6px;width:186px}#spin{height:46px;font-size:16px}.toggle{height:28px}.speed{height:20px}.ghost{height:22px}}@media (width<=900px){:root{--rail-h:150px;--widget-h:100px}#standings,#feed,#phase{display:none}#warroom{gap:var(--s3);padding:9px 12px 8px}.crest{display:none}.instruments{gap:12px;padding:8px 12px 7px}#state-wheel{width:110px;height:70px}#compass{width:60px;height:60px}#die{width:52px;height:52px}.controls{gap:5px;width:168px}#spin{height:42px;font-size:15px}.toggle{height:26px}.ghost{height:20px}}