@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;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:white;--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(--dark-color);overscroll-behavior:contain}body{--font-size-0:1rcap;--line-height-0:2rcap;--font-size-1:1.625rcap;--line-height-1:2.25rcap;--font-size-2:2.625rcap;--line-height-2:3.5rcap;--font-size-3:4.25rcap;--line-height-3:5rcap;--font-size-4:6.875rcap;--line-height-4:8rcap;--font-size-5:11rcap;--line-height-5:11rcap;--spacing-0:.25rlh;--spacing-1:.375rlh;--spacing-2:.5rlh;--spacing-3:.625rlh;--spacing-4:.75rlh;--spacing-5:.875rlh;--spacing-6:1rlh;min-height:100%;font-size:var(--font-size-0);line-height:var(--line-height-0);display:grid}*{-webkit-user-select:none;user-select:none}#game{z-index:1;contain:strict;width:100dvw;height:100dvh;position:fixed;inset:0;&>*{width:100dvw;height:100dvh;position:absolute;inset:0}}#canvas{touch-action:none;image-rendering:crisp-edges;image-rendering:pixelated;view-transition-name:canvas}#page{z-index:2;visibility:hidden;view-transition-name:page;display:grid;position:relative;&>*{visibility:visible}}::view-transition-old(*),::view-transition-new(*){animation-duration:.2s;animation-timing-function:ease-out}::view-transition-old(canvas){animation:none;display:none}::view-transition-new(canvas){animation:none}.area-and-party summary::marker{content:none!important;list-style-type:none!important;display:none!important}#play{--margin-left:max(.5rlh, env(safe-area-inset-left));--margin-right:max(.5rlh, 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;view-transition-name:play;grid-template-rows:1fr min-content;gap:.5rlh;display:grid;&>*{visibility:visible;min-height:0}& button{cursor:pointer}& .details{border-radius:.5rlh;place-self:start center;max-width:13rlh;display:grid;position:relative;&>summary{padding:calc(var(--spacing-2) + var(--margin-top)) var(--spacing-3) var(--spacing-2);list-style:none;&::marker,&::-webkit-details-marker{display:none}}&>.content{padding:var(--spacing-2) 0;margin:0 var(--spacing-3);border:0 solid;border-width:var(--border-width) 0 0 0}@media (width>=40em){&:open{grid-template-columns:1fr 1.618fr;max-width:34rlh}&>.content{margin:calc(var(--margin-top) + var(--spacing-2)) 0 var(--spacing-2);padding:0 var(--spacing-3);border-width:0 0 0 var(--border-width)}}&: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-2) var(--spacing-2) calc(var(--spacing-2) + var(--margin-bottom));border-top-left-radius:1rcap;border-bottom-left-radius:1rcap;&:after{border-right-width:0;transform:skew(-10deg)}&: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-1) var(--spacing-1) calc(var(--spacing-2) + var(--margin-bottom));text-align:center;gap:var(--spacing-1);border-top-left-radius:.5rlh;border-top-right-radius:.5rlh;&>span{font-weight:500;line-height:1}&>strong{font-size:var(--font-size-2);font-variant-numeric:tabular-nums;letter-spacing:-.075cap;font-weight:500;line-height:1}}& .undo,& .end-turn{& button{padding:var(--spacing-2) var(--spacing-3);padding-bottom:calc(var(--spacing-2) + var(--margin-bottom));font-size:var(--font-size-1);font-weight:570;line-height:1}}& .undo{& button{padding-inline:var(--spacing-2)}}& .end-turn{border-top-right-radius:.5rlh;border-bottom-right-radius:.5rlh;&:after{border-left-width:0;left:25%;transform:skew(10deg)}&:before{content:"";border-left-width:0;border-right-width:0;right:50%}}}.logo{--max-width:5.45em;view-transition-name:logo;max-width:var(--max-width);pointer-events:none}#main-menu{gap:var(--spacing-2);padding:max(2.1%, env(safe-area-inset-top), env(safe-area-inset-bottom)) max(3.4%, env(safe-area-inset-left), env(safe-area-inset-right));display:grid;&>a{font-size:var(--font-size-3);align-self:end;justify-items:center;display:grid;&>*{max-height:38.2dvh}}& nav menu{text-align:center;place-content:start center;display:grid;&>li{font-size:var(--font-size-1);line-height:var(--line-height-1);&>*{cursor:pointer;padding:var(--spacing-1) 0;max-width:max-content;font-weight:500;text-decoration:none;display:block;position:relative;&:after{content:"";border:var(--border-width) solid;inset:calc(var(--border-width) / -2) calc(var(--border-width) / -2 - var(--spacing-2));border-radius:var(--spacing-2);opacity:0;position:absolute}&:focus-visible,&:hover{outline:none;&:after{opacity:1}}}}}}.settings{--padding-block:var(--spacing-5);--padding-inline:var(--spacing-5);padding:max(env(safe-area-inset-top), var(--padding-block)) max(env(safe-area-inset-right), var(--padding-inline)) max(env(safe-area-inset-bottom), var(--padding-block)) max(env(safe-area-inset-left), var(--padding-inline));grid-template-rows:min-content min-content 1fr;align-content:start;gap:1rlh;display:grid;&>header{gap:1rlh;display:grid;& h1{font-family:var(--avona);font-size:var(--font-size-2);line-height:var(--line-height-2);font-weight:1000}}&>nav{&>menu{gap:var(--spacing-0) var(--spacing-5);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--spacing-4);border:var(--border-width) solid;max-width:max-content;box-shadow:inset 0 .125rlh var(--border-width) #00000040;flex-wrap:wrap;display:flex;& a{font-weight:500;text-decoration:none;display:block;position:relative;&:before{content:"";border:var(--border-width) solid;inset:calc(var(--spacing-0) / -2) calc(var(--spacing-1) * -1);opacity:0;border-radius:calc((1lh + var(--spacing-1)) / 2);pointer-events:none;position:absolute}&:focus-visible,&:hover,&:active,&.active{color:#000;outline:none;text-decoration:none;&:before{opacity:1}}&.active{color:#000;&:before{view-transition-name:settings-menu-active;box-shadow:0 .125rlh var(--border-width) #00000040}}}}}&>form{font-variant-numeric:lining-nums;grid-template-columns:1fr auto;align-content:start;gap:0 1rlh;display:grid;&>fieldset{display:contents;& legend{font-weight:600}&:not(:first-child)>legend{margin-top:1rlh}& legend,& p{grid-column:1/-1}& h3,& label{font-weight:500}&>:not(legend){border-top:calc(var(--border-width) / 2) solid;padding-block:.25rlh;&:first-child{padding-block-start:0}}&>:not(legend,p){grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid;&:has(>:where(input[type=checkbox],input[type=radio])){gap:.25rlh;display:flex}&>:last-child{grid-column:1/-1}}&>h2{grid-column:1/-1}}}}.slider{&>div{grid-template-columns:subgrid;display:grid;&>input{appearance:none;background-color:#0000;border-radius:.25rlh;grid-column:1/-2;&::-webkit-slider-thumb{background-color:#00000040}&::-webkit-slider-runnable-track{background-color:#00000040}}}}.radio-row,.checkbox-row{&>div{flex-wrap:wrap;gap:.125rlh 1rlh;display:flex}& label{cursor:pointer;color:#00000080;min-width:1rlh;font-weight:500}& label:has(input:checked){color:#000;font-weight:800}& label:focus-within:focus-visible{outline:var(--border-width) solid}& input{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;position:absolute}}.keyboard-binder,.gamepad-binder{& button{text-align:left;cursor:pointer}}#title-screen{row-gap:var(--font-size-2);padding:max(.5rlh, env(safe-area-inset-top), env(safe-area-inset-bottom)) max(1rlh, env(safe-area-inset-left), env(safe-area-inset-right));text-decoration:none;display:grid;&>h1{font-size:var(--font-size-5);align-self:end;justify-items:center;display:grid;&>*{max-height:61.8dvh}}&>p{font-size:var(--font-size-1);line-height:var(--line-height-1);will-change:opacity;text-align:center;font-weight:500;animation:1s ease-in infinite alternate blink}}@keyframes blink{0%{opacity:1}to{opacity:0}}