#main-menu{display:grid;grid-template-columns:1fr minmax(auto,76.4%);grid-template-rows:1fr minmax(auto,61.8%);grid-template-areas:". name" ". menu";gap:4rcap 0;color:#000;h1{font-size:400%;line-height:1.125cap;font-weight:900;grid-area:name;align-self:end}menu{display:grid;gap:2rcap;max-width:max-content;grid-area:menu;align-self:start;transform-style:preserve-3d;perspective:26rcap;pointer-events:none;li{pointer-events:all;--index: 0;transform:rotateY(.09turn) rotate(calc((var(--index) - 2.5) * .034turn)) rotateX(calc((var(--index) - 2.5) * .034turn));transform-origin:center left;&:nth-child(1){--index: 1}&:nth-child(2){--index: 2}&:nth-child(3){--index: 3}&:nth-child(4){--index: 4}}a,button{display:block;font-size:300%;line-height:1cap;font-weight:800;text-decoration:underline;--underline-thickness: .09em;text-decoration-thickness:var(--underline-thickness);text-underline-offset:var(--underline-thickness);cursor:pointer}}}.area-and-party summary::marker{display:none!important;content:none!important;list-style-type:none!important}#overlay{--outer-padding-x: calc(.75vmin + .75vmax) ;--outer-padding-y: calc(var(--outer-padding-x) * 1);-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr auto auto;grid-template-areas:"details details details details" "menu . . redo" "camera . undo action";align-items:end;gap:1.25rcap;padding:var(--outer-padding-y) var(--outer-padding-x);visibility:hidden;&,*{touch-action:none}>*{visibility:visible;isolation:isolate}button{cursor:pointer}#details{--contrast: .125;grid-area:details;grid-column-end:-1;align-self:start;justify-self:start;padding:1.5rcap 2rcap;border:1px solid;border-radius:2px;-webkit-user-select:text;user-select:text}.menu{--border-radius: .75rcap;border-radius:var(--border-radius);justify-self:center;@supports (corner-shape: superellipse(2)){border-radius:calc(var(--border-radius) * 2);corner-shape:superellipse(2)}grid-area:menu;width:max-content;text-decoration:none;border:1px solid;.icon{grid-column:2;width:3.5rcap;height:2.5rcap;position:relative;span{grid-area:1/1/1/1;position:absolute;left:50%;top:50%;font-weight:100;font-size:175%;line-height:1;transform:translate(-50%,-50%) var(--transform);&:nth-child(1){--transform: translate(27.5%, -35%) rotate(90deg)}&:nth-child(2){--transform: translate(-27.5%, 0%) rotate(-90deg)}&:nth-child(3){--transform: translate(27.5%, 35%) rotate(90deg)}}}}.camera-orb{grid-area:camera;border:1px solid;width:9rcap;height:9rcap;border-radius:50%;cursor:grab;position:relative;&:after,&:before{position:absolute;border-radius:inherit;transform:scaleY(.57735027) rotate(210deg)}&:after{content:"†";font-weight:750;display:grid;align-content:end;inset:0;border:1px solid}&:before{content:"";inset:2cap;border:1px solid}}.undo,.redo{--border-radius: .75rcap;border-radius:var(--border-radius);text-align:center;@supports (corner-shape: superellipse(2)){border-radius:calc(var(--border-radius) * 2);corner-shape:superellipse(2)}border:1px solid;padding:.75rcap;font-weight:550;min-width:max-content;transition-property:backdrop-filter,transform}.undo{grid-area:undo;align-self:center;&:disabled{transform:translate(2rcap) scale(0)}}.redo{grid-area:redo;justify-self:center;&:disabled{transform:translateY(2rcap) scale(0)}}.turn-action{padding:1rcap;position:relative;grid-area:action;display:grid;place-content:center;width:9rcap;height:9rcap;&:after{--gap: 30%;pointer-events:none;content:"";display:block;border:1px solid;position:absolute;inset:0;border-radius:50%;clip-path:polygon(var(--gap) 0%,50% 50%,calc(100% - var(--gap)) 0%,100% 0%,100% 100%,0% 100%,0% 0%)}>strong{position:absolute;left:0;top:-.5rcap;right:0;text-align:center;font-weight:700;font-size:175%;line-height:1cap;font-variant-numeric:lining-nums}&.end strong{display:grid;span{grid-area:1/1/1/1;display:block;rotate:.11turn;transform-origin:center 70%}span+span{rotate:-.11turn}}&.view-map strong{transform:translate(-4%) scaleX(-1) rotate(133deg)}>span{grid-column:2;grid-row:1;font-size:150%;line-height:1.25cap;font-weight:300;text-align:center}&.end,&.view-map,&.view-board{>strong{font-weight:300}}}}