@layer games {
@scope(.last-sun-page){:scope{--last-sun-void:#04070e;--last-sun-paper:#eee9df;--last-sun-muted:#a3a9b6;--last-sun-line:#ffffff24;--last-sun-o:#a2e3e5;--last-sun-x:#f4c299;--last-sun-panel:#0a101bed;--last-sun-gap:clamp(1rem, 3vw, 2.5rem);background:var(--last-sun-void);width:100%;color:var(--last-sun-paper);padding:0}:scope.last-sun-viewport-overlay{box-sizing:border-box;width:100%;max-width:none;max-height:none;height:var(--last-sun-visible-height,100dvh);z-index:2147483647;overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0 0 auto;overflow:hidden}.last-sun-game{isolation:isolate;background:var(--last-sun-void);color:var(--last-sun-paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-noto-sans-jp), sans-serif;position:relative}.last-sun-stage{background:radial-gradient(ellipse at 60% 30%, #29202a, var(--last-sun-void) 65%);width:100%;height:clamp(580px,74svh,850px);min-height:580px;position:relative;overflow:hidden;container-type:size}.last-sun-canvas,.last-sun-vignette{position:absolute;inset:0}.last-sun-canvas canvas{width:100%;height:100%;display:block}.last-sun-canvas{cursor:default;touch-action:auto}.last-sun-stage[data-started=true] .last-sun-canvas{cursor:grab;touch-action:none}.last-sun-stage[data-started=true][data-navigating=true] .last-sun-canvas{cursor:grabbing}.last-sun-vignette{pointer-events:none;background:linear-gradient(0deg, var(--last-sun-void), transparent 18%, transparent 84%, #04070eaa), linear-gradient(90deg, #04070e66, transparent 22%, transparent 78%, #04070e66)}.last-sun-loading,.last-sun-fallback-note{text-align:center;width:90%;color:var(--last-sun-muted);font-size:.8rem;position:absolute;top:20%;left:50%;transform:translate(-50%)}.last-sun-loading{top:85%}.last-sun-coordinate{left:var(--last-sun-gap);color:var(--last-sun-muted);letter-spacing:.3em;pointer-events:none;margin:0;font-size:.55rem;position:absolute;bottom:1rem}.last-sun-game:fullscreen,.last-sun-expanded{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.last-sun-expanded{height:100%;position:relative}:is(.last-sun-game:fullscreen,.last-sun-expanded) .last-sun-topbar{flex-shrink:0}:is(.last-sun-game:fullscreen,.last-sun-expanded) .last-sun-stage{flex:1;height:auto;min-height:0}:is(.last-sun-game:fullscreen,.last-sun-expanded) .last-sun-below{display:none}@media (max-width:520px){.last-sun-stage{height:max(600px,100svh - 96px);min-height:600px}.last-sun-coordinate{font-size:.48rem}}@media (max-height:560px) and (orientation:landscape){:is(.last-sun-game:fullscreen,.last-sun-expanded) .last-sun-stage{min-height:0}}}
}

@layer games {
@scope(.last-sun-page){.last-sun-mark-icon{vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;letter-spacing:normal;flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}:where(button,input,select){font:inherit}:where(button){color:inherit;cursor:pointer}:where(button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible){outline:2px solid var(--last-sun-o);outline-offset:4px}.last-sun-topbar{box-sizing:border-box;z-index:2;padding:1.25rem var(--last-sun-gap);border-bottom:1px solid var(--last-sun-line);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.last-sun-kicker{color:var(--last-sun-x);letter-spacing:.24em;text-transform:uppercase;margin:0 0 .65rem;font-size:.6rem;line-height:1.7}.last-sun-topbar h1{text-wrap:balance;letter-spacing:.12em;margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1rem,2.4vw,1.6rem);font-weight:400}.last-sun-topbar>:first-child{min-width:0}.last-sun-topbar .last-sun-kicker{margin:.4rem 0 0}.last-sun-tools{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.last-sun-tools button{box-sizing:border-box;border:1px solid var(--last-sun-line);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.5rem;min-width:44px;height:44px;min-height:44px;padding:.5rem .75rem;font-size:1.1rem;line-height:1;display:inline-flex}.last-sun-tools svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.last-sun-tools span{font-size:.65rem}.last-sun-setup{box-sizing:border-box;overscroll-behavior-y:contain;touch-action:pan-y;border:1px solid var(--last-sun-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#0d1420ef,#090c14d9);width:min(350px,85%);max-height:calc(100% - 2rem);padding:1.25rem;position:absolute;top:50%;left:7%;overflow-y:auto;transform:translateY(-50%);box-shadow:0 15px 80px #0008}.last-sun-setup fieldset{border:0;min-width:0;margin:0 0 .85rem;padding:0}.last-sun-setup legend{color:var(--last-sun-muted);letter-spacing:.1em;margin-bottom:.4rem;padding:0;font-size:.68rem}.last-sun-choices{gap:.35rem;display:flex}.last-sun-choices button{border:1px solid var(--last-sun-line);background:#ffffff03;flex:1;min-height:44px;padding:.5rem .35rem;font-size:.72rem}.last-sun-choices button[aria-pressed=true]{border-color:var(--last-sun-x);color:var(--last-sun-x);background:#f4c2990c}.last-sun-choices button[data-side=O][aria-pressed=true]{border-color:var(--last-sun-o);color:var(--last-sun-o)}.last-sun-hint{min-height:1.2rem;color:var(--last-sun-muted);margin:.6rem 0 0;font-size:.62rem}.last-sun-setup .last-sun-hint{margin-top:.35rem}.last-sun-primary{border:1px solid color-mix(in srgb, var(--last-sun-x) 48%, var(--last-sun-void));background:var(--last-sun-void);width:100%;min-height:48px;color:var(--last-sun-paper);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;font-size:.85rem;display:flex;box-shadow:inset 0 1px #ffffff08,0 4px 16px #0005}.last-sun-primary:is(:hover,:focus-visible){background:color-mix(in srgb, var(--last-sun-void) 94%, var(--last-sun-x));border-color:var(--last-sun-x);box-shadow:inset 0 0 18px #f4c29909,0 0 16px #f4c29912}.last-sun-primary:active{background:var(--last-sun-void);box-shadow:inset 0 2px 8px #0008}.last-sun-status{text-align:center;pointer-events:none;text-shadow:0 1px 3px #000,0 2px 20px #000;width:92%;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.last-sun-stage:not([data-result=none]) .last-sun-status{background:radial-gradient(#030810ed,#03081000 72%);padding:.75rem 1rem}.last-sun-stage:not([data-result=none]) .last-sun-status h2{color:var(--last-sun-paper);font-weight:700}.last-sun-status h2{letter-spacing:.13em;text-wrap:balance;margin:.3rem 0 .6rem;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.15rem,3vw,2rem);font-weight:400}.last-sun-status>p:last-child{color:color-mix(in srgb, var(--last-sun-paper) 82%, var(--last-sun-muted));margin:0;font-size:.73rem}.last-sun-side{pointer-events:none;justify-items:center;gap:1rem;display:grid;position:absolute;top:49%}.last-sun-side b{font-family:Georgia,serif;font-size:3.25rem;font-weight:400;line-height:1}.last-sun-side span{letter-spacing:.15em;font-size:.65rem}.last-sun-side-o{color:var(--last-sun-o);left:6%}.last-sun-side-x{color:var(--last-sun-x);right:6%}.last-sun-game[data-turn=O] .last-sun-side-x,.last-sun-game[data-turn=X] .last-sun-side-o{opacity:.35}.last-sun-match-actions{justify-items:center;gap:.5rem;width:min(320px,80%);display:grid;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.last-sun-match-actions>span{color:var(--last-sun-muted);font-size:.63rem}.last-sun-match-actions>button:not(.last-sun-primary){text-underline-offset:4px;background:0 0;border:0;min-height:36px;font-size:.7rem;text-decoration:underline}.last-sun-move-count{letter-spacing:.3em}.last-sun-observatory{right:var(--last-sun-gap);text-align:right;max-width:260px;position:absolute;bottom:1.5rem}.last-sun-observatory button{border:1px solid var(--last-sun-line);letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08111cbb;min-height:44px;padding:.7rem 1rem;font-size:.7rem}.last-sun-observatory button[aria-pressed=true]{border-color:var(--last-sun-x);color:var(--last-sun-x)}.last-sun-observatory p{color:var(--last-sun-muted);text-shadow:0 1px 8px #000;font-size:.65rem;line-height:1.9}.last-sun-below{padding:1.5rem var(--last-sun-gap);border-top:1px solid var(--last-sun-line)}.last-sun-records{color:var(--last-sun-muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:1rem 2rem;font-size:.7rem;display:flex}.last-sun-records>span{letter-spacing:.14em}.last-sun-records p{margin:0}.last-sun-records b{color:var(--last-sun-paper);margin-right:.3rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.last-sun-rules{max-width:700px;color:var(--last-sun-muted);margin:2rem auto 0;font-size:.78rem;line-height:1.9}.last-sun-rules summary{cursor:pointer;text-align:center;padding-block:.6rem}.last-sun-footer{text-align:center;color:var(--last-sun-muted);letter-spacing:.1em;margin:1.8rem 0 .5rem;font-size:.65rem}@media (max-width:820px){.last-sun-tools button{width:44px;padding:0}.last-sun-tools span{display:none}.last-sun-side-o{left:3%}.last-sun-side-x{right:3%}.last-sun-side b{font-size:2rem}}@media (max-width:520px){.last-sun-observatory{max-width:230px;top:7.5rem;bottom:auto}.last-sun-topbar{gap:.5rem;padding-block:1rem}.last-sun-topbar h1{letter-spacing:.05em;font-size:.95rem;line-height:1.7}.last-sun-topbar .last-sun-kicker{letter-spacing:.08em;font-size:.48rem}.last-sun-tools{gap:.3rem}.last-sun-tools button{padding:.3rem}.last-sun-setup{padding:1rem;left:50%;transform:translate(-50%,-50%)}.last-sun-status{top:1.5rem}.last-sun-status>p:last-child{font-size:.65rem}.last-sun-side{align-items:center;gap:.4rem;display:flex;top:auto;bottom:7%}.last-sun-side b{font-size:1.4rem}.last-sun-side span{font-size:.55rem}.last-sun-stage:not([data-result=none]) .last-sun-side{display:none}.last-sun-records{gap:.7rem 1rem}.last-sun-records>span{text-align:center;width:100%}}@media (max-height:560px) and (orientation:landscape){.last-sun-topbar{padding-block:.5rem}.last-sun-topbar .last-sun-kicker{display:none}.last-sun-setup{padding:1rem}.last-sun-status{top:.5rem}.last-sun-status h2{font-size:1rem}.last-sun-status .last-sun-kicker{display:none}.last-sun-match-actions{bottom:.5rem}}}@scope(.last-sun-page){.last-sun-stage[data-opening=true] .last-sun-chronicle,.last-sun-stage[data-opening=true] .last-sun-move-count{visibility:hidden}.last-sun-stage[data-opening=true] .last-sun-status{pointer-events:none;animation:.35s ease-out 2.8s both last-sun-arrival-caption}}@scope(.last-sun-page){.last-sun-arrival-curtain{z-index:30;opacity:0;pointer-events:none;background:radial-gradient(at 50% 45%,#0000 5%,#0009 40%,#000 78%);position:absolute;inset:0}}@scope(.last-sun-page){.last-sun-arrival-curtain:after{content:"";opacity:var(--last-sun-curtain-black,0);background:#000;position:absolute;inset:0}}@keyframes last-sun-arrival-caption{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
}

@layer games {
@scope(.last-sun-page){.last-sun-settings-popover{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--last-sun-line);background:var(--last-sun-void);color:var(--last-sun-paper);border-radius:var(--radius-m);transform-origin:100% 0;padding:1.1rem;animation:.22s cubic-bezier(.16,1,.3,1) both last-sun-settings-appear;overflow-y:auto;box-shadow:0 12px 42px #0008}@keyframes last-sun-settings-appear{0%{opacity:0;transform:translateY(-8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.last-sun-settings-popover[data-reduced=true]{animation:none}@media (prefers-reduced-motion:reduce){.last-sun-settings-popover{animation:none}}.last-sun-settings-popover h2{margin:0;font-size:1.1rem;font-weight:400}.last-sun-settings-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.last-sun-settings-close{border:1px solid var(--last-sun-line);background:0 0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.last-sun-settings-close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:18px;height:18px}.last-sun-settings-popover label{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:1rem;min-height:52px;font-size:.8rem;display:grid}.last-sun-settings-popover input{width:22px;height:22px;accent-color:var(--last-sun-x)}.last-sun-settings-popover select{box-sizing:border-box;max-width:8rem;min-height:36px;color:var(--last-sun-paper);background:var(--last-sun-void);border:1px solid var(--last-sun-line);padding:.3rem .6rem;font-size:16px}.last-sun-settings-popover .last-sun-primary{margin-top:.7rem}}
}

@layer games {
@scope(.last-sun-page){.last-sun-direct-board{pointer-events:none;position:absolute;inset:0}.last-sun-seat{color:var(--last-sun-paper);pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.last-sun-seat[aria-disabled=true]{cursor:default}.last-sun-seat:focus-visible{background:#b7eafa25;outline:none}.last-sun-seat[data-mark=O]{color:var(--last-sun-o)}.last-sun-seat[data-mark=X]{color:var(--last-sun-x)}.last-sun-direct-board[data-fallback=true]{grid-template-columns:repeat(var(--last-sun-board-size,3), 1fr);pointer-events:auto;gap:6px;width:min(330px,86%);display:grid;inset:31% auto auto 50%;transform:translate(-50%)}.last-sun-direct-board[data-fallback=true] .last-sun-seat{aspect-ratio:1;border:1px solid var(--last-sun-line);background:var(--last-sun-panel);min-width:0;min-height:0;font-size:clamp(1rem, calc(6rem / var(--last-sun-board-size,3)), 2rem);position:relative}.last-sun-chronicle{bottom:3rem;left:var(--last-sun-gap);pointer-events:none;text-shadow:0 2px 8px #000;width:min(330px,29%);position:absolute}.last-sun-chronicle>small{letter-spacing:.15em;color:var(--last-sun-x);font-size:.6rem}.last-sun-chronicle h3{white-space:nowrap;letter-spacing:.08em;width:max-content;margin:.5rem 0;font:400 clamp(1rem,1.5vw,1.4rem) Georgia,Yu Mincho,serif}.last-sun-chronicle p{color:var(--last-sun-paper);margin:0;font-size:.72rem;line-height:1.9}.last-sun-world-tally{gap:1.1rem;margin-top:.8rem;font-size:.65rem;display:flex}.last-sun-world-tally span:first-child{color:var(--last-sun-o)}.last-sun-world-tally span:last-child{color:var(--last-sun-x)}.last-sun-observatory button:disabled{opacity:.45;cursor:default}@media (max-width:820px){.last-sun-chronicle{width:42%}.last-sun-stage:not([data-result=none]) .last-sun-chronicle{display:none}}@media (max-width:520px){.last-sun-chronicle{width:calc(100% - 2rem);bottom:6rem;left:1rem}.last-sun-chronicle>small{display:none}.last-sun-chronicle h3{margin-block:.3rem;font-size:.95rem}.last-sun-chronicle p{display:none}.last-sun-world-tally{margin-top:.4rem;font-size:.6rem}.last-sun-observatory{max-width:160px;top:auto;bottom:1rem}.last-sun-observatory button{padding:.5rem .7rem;font-size:.6rem}.last-sun-match-actions{width:auto;bottom:1.8rem;left:1rem;transform:none}.last-sun-stage:not([data-result=none]) .last-sun-match-actions{width:min(300px,76%);bottom:.5rem;left:50%;transform:translate(-50%)}.last-sun-stage:not([data-result=none]) .last-sun-chronicle{display:none}.last-sun-stage:not([data-result=none]) .last-sun-observatory{bottom:1rem}.last-sun-stage:not([data-result=none]) .last-sun-observatory button{width:44px;padding:0;font-size:0}.last-sun-stage:not([data-result=none]) .last-sun-observatory button span{font-size:1.2rem}.last-sun-coordinate{display:none}}@media (max-height:560px) and (orientation:landscape){.last-sun-status{left:var(--last-sun-gap);text-align:left;width:25%;top:1rem;transform:none}.last-sun-chronicle{width:24%;bottom:1.5rem}.last-sun-chronicle p{display:none}.last-sun-chronicle h3{font-size:.85rem}.last-sun-world-tally{gap:.2rem;display:grid}}@media (max-width:520px){@container (max-height:600px){.last-sun-status{top:.65rem}.last-sun-status h2{margin-block:.2rem .4rem}.last-sun-chronicle{bottom:4.8rem}.last-sun-observatory p{display:none}}}}
}