@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}sub,sup{vertical-align:baseline;line-height:0}table{border-color:currentColor}button,input,optgroup,select,textarea{font-family:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*{color:inherit;font-size:inherit;line-height:inherit;border:none;margin:0;padding:0}:not(html){font-size-adjust:inherit}html{min-block-size:100%;display:grid}img,video,audio,picture,svg,canvas{display:block}img,picture{object-fit:contain}menu{list-style:none}table{border-collapse:collapse}hr{background-color:currentColor;min-width:1px;min-height:1px}}@layer default{html{font-size-adjust:cap-height 1;color-scheme:light dark;font-synthesis:none;overflow-wrap:break-word;word-break:break-word;font-variant-ligatures:common-ligatures discretionary-ligatures;font-variant-numeric:oldstyle-nums proportional-nums;font-size:75%;line-height:2}p,li,dd{text-wrap:pretty;hyphens:auto;hyphenate-limit-chars:auto 3 3}h1,h2,h3,h4,h5,h6{font-variant-ligatures:common-ligatures discretionary-ligatures contextual;font-variant-numeric:lining-nums proportional-nums;text-wrap:balance}abbr{font-variant-numeric:lining-nums proportional-nums}math,table{font-variant-numeric:tabular-nums lining-nums slashed-zero}code{font-variant-numeric:slashed-zero}a{text-underline-offset:.2cap}svg{stroke:currentColor;fill:currentColor;stroke-width:0;overflow:visible}img,video{max-width:100%}ul{padding-left:1.55ch;&>li{list-style-type:"— "}}ol{padding-left:1lh}:where(menu,nav)>li{list-style:none}dd+dt,dl>div+div{margin-top:.5rlh}code,pre{font-size-adjust:cap-height .85}sup,sub{font-size:inherit}sup{font-variant-position:super}sub{font-variant-position:sub}button,[type=button],[type=reset],[type=submit]{appearance:none;background:0 0}@supports (field-sizing:content){input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio]),select,textarea{field-sizing:content;min-width:5lh;max-width:100%;min-height:1lh}textarea{resize:none;min-width:8lh;min-height:3lh}}dialog{top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);position:sticky}}@font-face{font-family:Avona Serif;src:url(/copyrighted-assets/avona-serif.ttf)format("truetype-variations");font-display:fallback}@font-face{font-family:Avona;src:url(/copyrighted-assets/avona.ttf)format("truetype-variations");font-display:fallback}html{--avona-serif:"Avona Serif", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", "P052", ui-serif, serif;--avona:"Avona", "Seravek", "Gill Sans Nova", "Ubuntu", "Calibri", "DejaVu Sans", "source-sans-pro", ui-sans, sans-serif;font-family:var(--avona-serif);--dark-color:black;--light-color:color(display-p3 .854 .854 .764);--border-width:1.5px;color:var(--dark-color);background-color:var(--light-color);accent-color:var(--light-color);overscroll-behavior:contain}body{--font-size:1rcap;--line-height:2rcap;--font-size-1:1.625rcap;--line-height-1:2rcap;--font-size-2:2.625rcap;--line-height-2:3rcap;--font-size-3:4.25rcap;--line-height-3:4.5rcap;--spacing:.375rlh;--spacing-1:.5rlh;--spacing-2:.625rlh;display:grid}body>*{grid-area:1/-1/1/-1}*{-webkit-user-select:none;user-select:none}#game{z-index:1;contain:strict;width:100%;height:100%;position:fixed;inset:0;&>*{width:100%;height:100%;position:absolute;inset:0}}#canvas{touch-action:none;image-rendering:crisp-edges;image-rendering:pixelated}#page{z-index:2;visibility:hidden;contain:strict;display:grid;position:relative;&>*{visibility:visible}}.button :where(a,button){cursor:pointer;font-weight:500;text-decoration:none;display:inline-block;position:relative;&:after{z-index:-1;pointer-events:none;corner-shape:bevel;border-top-right-radius:.25lh;border-bottom-left-radius:.25lh;font-weight:700;position:absolute;inset:-.146lh -.382lh;transform:skew(-9deg)}&:hover,&:focus-visible{outline:none;&:after{content:"";background-color:var(--light-color)}}&.active,&:active{color:var(--light-color);&:after{content:"";background-color:var(--dark-color)}}}.area-and-party summary::marker{content:none!important;list-style-type:none!important;display:none!important}#hud{--margin-left:max(0rlh, env(safe-area-inset-left));--margin-right:max(0rlh, env(safe-area-inset-right));--margin-top:max(.5rlh, env(safe-area-inset-top));--margin-bottom:max(.5rlh, env(safe-area-inset-bottom));padding:0 var(--margin-right) 0 var(--margin-left);visibility:hidden;grid-template-rows:1fr 1fr;display:grid;&>*{visibility:visible}& button{cursor:pointer}& .details{border-radius:.5rlh;place-self:start center;position:relative;&>summary{padding:calc(var(--spacing) + var(--margin-top)) var(--spacing-2) var(--spacing)}&>.content{padding:0 var(--spacing-2) var(--spacing)}&:before,&:after{pointer-events:none;contain:strict;inset:calc(var(--border-width) / -2);top:calc(var(--border-width) / -2 + var(--margin-top));border:var(--border-width) solid;position:absolute}&:after{content:"";border-radius:inherit;corner-shape:inherit}}& .action-bar{touch-action:manipulation;text-wrap:nowrap;flex-wrap:wrap;grid-auto-flow:column;justify-content:center;place-self:end center;align-items:end;display:flex;&>*{display:grid;position:relative;&:before,&:after{pointer-events:none;contain:strict;inset:calc(var(--border-width) / -2);bottom:calc(var(--border-width) / -2 + var(--margin-bottom));border:var(--border-width) solid;position:absolute}&:after{content:"";border-radius:inherit;corner-shape:inherit}}}& .menu{padding:var(--spacing-1) var(--spacing) calc(var(--spacing-1) + var(--margin-bottom));border-top-left-radius:1rcap;border-bottom-left-radius:1rcap;&:after{border-right-width:0;transform:skew(-9deg)}&:before{content:"";border-left-width:0;border-right-width:0;left:50%}& .icon{font-size:var(--font-size-1);width:1.375cap;height:var(--font-size-1);position:relative;& span{transform:translate(-50%, -50%) var(--transform);font-size:100%;font-weight:300;line-height:1;position:absolute;top:50%;left:50%;&:first-child{--transform:translate(30%, -35%) rotate(90deg)}&:nth-child(2){--transform:translate(-30%, 0%) rotate(-90deg)}&:nth-child(3){--transform:translate(30%, 35%) rotate(90deg)}}}}& .moves{padding:var(--spacing);padding-bottom:calc(var(--spacing) + var(--margin-bottom));text-align:center;gap:var(--spacing);border-top-left-radius:1rlh;border-top-right-radius:1rlh;&>span{font-weight:500;line-height:1}&>strong{font-size:var(--font-size-2);font-variant-numeric:tabular-nums;letter-spacing:-.1cap;font-weight:500;line-height:1}}& .undo,& .end-turn{& button{padding:var(--spacing-1) var(--spacing-2);padding-bottom:calc(var(--spacing-1) + var(--margin-bottom));font-size:var(--font-size-1);font-weight:570;line-height:1}}& .undo{& button{padding-inline:var(--spacing-1)}}& .end-turn{border-top-right-radius:.5rlh;border-bottom-right-radius:.5rlh;&:after{border-left-width:0;left:25%;transform:skew(9deg)}&:before{content:"";border-left-width:0;border-right-width:0;right:50%}}}#main-menu{grid-template-columns:1fr minmax(0,min(85.4dvi,61.8dvb)) 1fr;align-content:center;place-self:center;display:grid;&>.logo{grid-column:2}&>menu{--offset:22%;margin-inline-start:var(--offset);grid-column:2;margin-top:1rcap;display:grid;&>li{font-size:2.618rcap;line-height:5rcap}}}.settings{grid-template-rows:min-content 1fr;grid-template-areas:"header header header header header""menu form form form form";grid-auto-columns:1fr;justify-content:center;padding:2rlh 3rlh 3rlh;display:grid;&>header{grid-area:header;grid-template-columns:max-content 1fr;margin-bottom:1rlh;display:grid;& h1{font-family:var(--avona);font-size:4.236rcap;font-weight:1000;line-height:4rcap;text-decoration:underline}&:after{content:"";border-bottom:.45rcap solid;margin-bottom:-.61rcap}}&>menu{border-bottom:.45rcap solid;grid-area:menu;align-content:start;gap:.5rlh;display:grid;&>li{font-size:1.382rcap;line-height:2rcap;&:last-child{margin-top:2rcap}}}&>form{grid-area:form;grid-template-columns:subgrid;font-variant-numeric:lining-nums;border-bottom:.45rcap solid;align-content:start;gap:1rlh;display:grid;&>div{grid-template-columns:subgrid;grid-column:1/-1;gap:.25rlh;display:grid;& legend{font-weight:700}& h3{font-weight:400}&>:not(h2){grid-column:1/-1;grid-template-columns:subgrid;display:grid;&:has(>:where(input[type=checkbox],input[type=radio])){grid-column:2/-1;gap:.25rlh;display:flex}&>:last-child{grid-column:2/-1}}&>h2{grid-column:1/-1}}}}.slider{&>div{grid-template-columns:subgrid;display:grid;&>input{grid-column:1/-2}}}.radio-row,.checkbox-row{&>div{gap:1rlh;display:flex}& label{cursor:pointer;text-align:center;min-width:1rlh;font-weight:500}& label:has(input:checked){background-color:var(--dark-color);color:var(--light-color)}}.radio-row{& input{display:none}}