@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;--ui-scale:1;font-size:calc(75% * var(--ui-scale));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;--font-size-4:6.875rcap;--line-height-4:7rcap;--font-size-5:11rcap;--line-height-5:11rcap;--spacing:.375rlh;--spacing-1:.5rlh;--spacing-2:.625rlh;min-height:100%;display:grid}*{-webkit-user-select:none;user-select:none}#game{z-index:1;contain:strict;width:100%;height:100%;position:fixed;inset:0;&>*{view-transition-name:overlay;width:100%;height:100%;position:absolute;inset:0}}#canvas{touch-action:none;image-rendering:crisp-edges;image-rendering:pixelated;view-transition-name:canvas}::view-transition-old(canvas){display:none}::view-transition-new(canvas){animation:none}#page{z-index:2;visibility:hidden;view-transition-name:page;display:grid;position:relative;&>*{visibility:visible;view-transition-name:view}}.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;height:100%;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%}}}.svg-logo{view-transition-name:logo}.svg-logo,.svg-logo svg{aspect-ratio:486/257;width:5.46em;max-width:100%;max-height:100%;margin:auto}.svg-logo svg{pointer-events:none}#main-menu{gap:var(--spacing);place-content:center;display:grid;&>h1{font-size:var(--font-size-4)}&>menu{--offset:22%;gap:var(--spacing-2);margin-inline-start:var(--offset);align-content:start;margin-top:1rcap;display:grid;&>li{font-size:var(--font-size-1);line-height:var(--line-height-1);&>*{font-weight:500;text-decoration:none}}}}.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:var(--font-size-3);line-height:var(--line-height-3);font-weight:1000}}&>menu{align-content:start;gap:var(--spacing-1);font-weight:500;font-size:var(--font-size-1);line-height:var(--line-height-1);grid-area:menu;display:grid;&>li{&:last-child{margin-top:2rcap}& a{text-decoration:none}}}&>form{grid-area:form;grid-template-columns:subgrid;font-variant-numeric:lining-nums;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}}#title-screen{gap:var(--font-size-3);text-align:center;padding:max(1rlh, env(safe-area-inset-top), env(safe-area-inset-bottom)) max(.5rlh, env(safe-area-inset-left), env(safe-area-inset-right));text-decoration:none;display:grid;&>h1{width:100%;font-size:var(--font-size-5);align-self:end}&>p{font-size:var(--font-size-1);line-height:var(--line-height-1);will-change:opacity;font-weight:500;animation:1s ease-in infinite alternate blink}}@keyframes blink{0%{opacity:1}to{opacity:0}}