@layer games {
@scope(.hanko-president-page){:scope{--hanko-ink:#35231b;--hanko-cream:#fff5df;--hanko-red:#a52c24;--hanko-gold:#dcba77;--hanko-muted:#78664f;--hanko-gap:16px;--hanko-font:var(--font-m-plus-1), sans-serif;--hanko-line:#c5a77c;--hanko-paper:#fffaf0;--hanko-document-background:#fffdf8;--hanko-soft:#f2e5ce;--hanko-surface:var(--hanko-cream);--hanko-text:var(--hanko-ink);--hanko-hud-background:#0009;--hanko-feedback-height:44px;--hanko-orange:var(--hanko-gold);--hanko-orange-dark:var(--hanko-red)}.hanko-game{width:100%;color:var(--hanko-ink)}.hanko-stage{isolation:isolate;overflow-anchor:none;border:2px solid var(--hanko-gold);border-radius:var(--radius-m);background:var(--hanko-ink);width:min(100%,480px);color:var(--hanko-cream);margin-inline:auto;position:relative;overflow:hidden}.hanko-play-area{isolation:isolate;aspect-ratio:360/580;position:relative}.hanko-stage>picture{z-index:-1;pointer-events:none;position:absolute;inset:0}.hanko-office{-o-object-fit:cover;object-fit:cover;filter:brightness(.64);z-index:-1;pointer-events:none}.hanko-hud{background:var(--hanko-hud-background);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.hanko-hud strong{font-size:22px}.hanko-hud small{font-size:12px}.hanko-hud button{border:1px solid var(--hanko-gold);border-radius:var(--radius-s);background:var(--hanko-ink);color:var(--hanko-cream);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.hanko-time{font-variant-numeric:tabular-nums;gap:5px;padding:8px 16px;font-size:12px;display:grid}.hanko-time progress{width:100%;height:5px;accent-color:var(--hanko-gold)}.hanko-board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:100%;height:auto;display:block}.hanko-feedback{min-height:var(--hanko-feedback-height);background:var(--hanko-hud-background);text-align:center;pointer-events:none;color:var(--hanko-gold);place-items:center;margin:0;padding:8px 12px;font-size:13px;font-weight:700;display:grid}@media (min-width:821px){.hanko-stage{width:100%}.hanko-play-area{aspect-ratio:auto;height:766.889px}.hanko-board{width:476px;margin-inline:auto}.hanko-intro{width:min(100%,416px);margin-inline:auto}}@media (max-width:520px){.hanko-game{--hanko-mobile-gutter:10px;padding-inline:var(--hanko-mobile-gutter)}.hanko-game>.hanko-stage:not(.hanko-pseudo-fullscreen){width:calc(100% + var(--hanko-mobile-gutter) * 2);margin-inline:calc(-1 * var(--hanko-mobile-gutter));border:0;border-radius:0}.hanko-hud{font-size:13px}}}
}

@layer games {
@scope(.hanko-president-page){:where(.hanko-records,.hanko-president-ranking) .compact-heading{font-family:var(--hanko-font)}:where(.hanko-records,.hanko-president-ranking) .compact-heading h2{color:var(--hanko-ink);margin-top:.5rem}.hanko-page-heading{text-align:center;background:0 0;margin:0 0 16px;padding:20px 16px}.hanko-page-heading .section-kicker{color:var(--hanko-red);letter-spacing:.16em;margin:0 0 6px}.hanko-page-heading h1{color:var(--hanko-ink);-webkit-text-fill-color:currentColor;font:900 clamp(28px, 4vw, 48px) / 1.25 var(--hanko-font);background:0 0}.hanko-page-heading>p:not(.section-kicker){color:var(--hanko-ink);margin:8px 0 0;font-size:14px;line-height:1.8}}
}

@layer games {
@scope(.hanko-president-page){.hanko-settings{background:var(--hanko-ink);color:var(--hanko-cream);gap:10px;padding:14px 16px;display:grid}.hanko-settings .game-sound-setting{color:inherit;margin:0}.hanko-start-content>.hanko-settings{border:1px solid var(--hanko-gold);border-radius:var(--radius-m);background:color-mix(in srgb, var(--hanko-ink) 82%, transparent);width:100%;margin:0;padding:12px 14px}.hanko-settings .game-sound-setting>span svg{color:var(--hanko-gold)}.hanko-settings .game-sound-setting button{border-color:var(--hanko-gold);background:var(--hanko-ink);color:var(--hanko-cream)}.hanko-settings .game-sound-setting button.is-selected{background:var(--hanko-gold);color:var(--hanko-ink)}.hanko-settings button:disabled{cursor:default;opacity:.5}:where(.hanko-settings,.hanko-president-ranking) .ranking-confirm-popover{--line:var(--hanko-line);--card:var(--hanko-paper);--foreground:var(--hanko-ink);--blue-dark:var(--hanko-ink);--blue:var(--hanko-red);--ranking-danger-border:var(--hanko-line);--ranking-danger-bg:var(--hanko-paper);--ranking-danger-text:var(--hanko-red);--ranking-danger-action-border:var(--hanko-red);--ranking-danger-action-bg:var(--hanko-red);--ranking-danger-action-text:var(--hanko-cream);background:var(--hanko-paper);color:var(--hanko-ink)}}
}

@layer games {
@scope(.hanko-president-page){.hanko-paper{font-family:var(--font-serif), serif;fill:var(--hanko-ink)}.hanko-paper-sheet{fill:var(--hanko-document-background);stroke:var(--hanko-muted);stroke-width:1px}.hanko-paper-active{--hanko-active-shadow:#0004;--hanko-active-edge-shadow:#0003}.hanko-paper-active .hanko-paper-sheet{filter:drop-shadow(0 4px 5px var(--hanko-active-shadow)) drop-shadow(0 1px 1px var(--hanko-active-edge-shadow))}.hanko-paper-muted{fill:var(--hanko-muted)}.hanko-paper-lines{fill:none;stroke:var(--hanko-muted);stroke-width:.6px}.hanko-target{fill:#fffdf7;stroke:var(--hanko-red);stroke-width:1.5px}.hanko-target-label{fill:var(--hanko-red);opacity:.5}.hanko-seal{--hanko-seal-red:#b73528;--hanko-seal-dark:#92291f;pointer-events:none}.hanko-seal-pressing{opacity:.78}.hanko-seal-perfect{animation:.4s ease-out both hanko-seal-glow}@keyframes hanko-seal-glow{0%,to{filter:none}30%{filter:drop-shadow(0 0 3px #fff5b8)drop-shadow(0 0 7px #e7bd62)}}.hanko-paper-entering{animation:.25s ease-out both hanko-paper-in}.hanko-paper-waiting{--hanko-waiting-surface:color-mix(in srgb, var(--hanko-document-background) 65%, var(--hanko-muted));pointer-events:none;animation:.25s ease-out both hanko-paper-wait-in}.hanko-paper-waiting .hanko-paper{fill:var(--hanko-muted)}.hanko-paper-waiting .hanko-paper-sheet{fill:var(--hanko-waiting-surface)}.hanko-paper-waiting .hanko-target{fill:var(--hanko-waiting-surface);stroke:var(--hanko-muted);stroke-width:1px;stroke-dasharray:3 3}.hanko-paper-waiting .hanko-target-label{fill:var(--hanko-muted);opacity:.3}.hanko-paper-waiting.is-paused{animation-play-state:paused}@keyframes hanko-paper-wait-in{0%{opacity:0;transform:translateY(-440px)}to{opacity:1;transform:translateY(0)}}.hanko-paper-leaving{animation:.15s ease-in .25s both hanko-paper-out}@keyframes hanko-paper-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@keyframes hanko-paper-in{0%{opacity:0;transform:translateY(-440px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hanko-paper-entering,.hanko-seal-perfect,.hanko-paper-waiting,.hanko-paper-leaving{animation:none}}@media (max-width:520px){.hanko-board-contents{transform-origin:180px 300px;transform:scale(1.05)}}}
}

@layer games {
@scope(.hanko-president-page){.hanko-game :where(button:enabled){cursor:pointer}.hanko-overlay{background:#24181080;align-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow-y:auto}.hanko-intro{text-align:center;color:var(--hanko-ink);background:var(--hanko-cream);border:2px solid var(--hanko-gold);border-radius:var(--radius-m);padding:24px 18px}.hanko-countdown{pointer-events:none;color:var(--hanko-cream);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(4rem,14vw,7rem);font-weight:800}.hanko-start-overlay{align-content:safe center;padding:16px}.hanko-start-content{gap:12px;width:min(100%,516px);margin-inline:auto;display:grid}.hanko-start-content .hanko-intro{width:100%;padding:20px 16px}.hanko-intro h2{font-family:var(--font-serif), serif;font-size:24px;line-height:1.6}@media (max-width:520px){.hanko-intro-salutation{display:block}}.hanko-intro p{margin-block:12px;font-size:14px}.hanko-intro .hanko-best{color:var(--hanko-red);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.hanko-eyebrow{color:var(--hanko-muted);letter-spacing:.06em;font-size:12px}.hanko-primary{border:2px solid var(--hanko-red);border-radius:var(--radius-m);background:var(--hanko-red);color:var(--hanko-cream);margin-top:12px;padding:12px 22px;font-weight:700}.hanko-primary:disabled{opacity:.6}.hanko-secondary{border:1px solid var(--hanko-muted);border-radius:var(--radius-m);background:var(--hanko-paper);min-height:44px;color:var(--hanko-muted);font:inherit;cursor:pointer;padding:12px 22px;font-weight:700}.hanko-action-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.hanko-action-buttons .hanko-primary{margin-top:0}.hanko-total{color:var(--hanko-red);font-variant-numeric:tabular-nums;margin-block:12px;font-size:42px;font-weight:700}.hanko-total small{color:var(--hanko-muted);font-size:16px}.hanko-statistics{gap:8px;margin-block:16px;font-size:13px;display:grid}.hanko-statistics div{justify-content:space-between;gap:8px;display:flex}.hanko-statistics dd{margin:0;font-weight:700}.hanko-game>.game-social-actions{margin:20px auto}.hanko-game>.game-rule-details{--game-rule-line:var(--hanko-line);--game-rule-background:var(--hanko-cream);--game-rule-heading:var(--hanko-ink);--game-rule-accent:var(--hanko-red);--game-rule-divider:var(--hanko-line);--game-rule-ink:var(--hanko-ink);--game-rule-table-background:var(--hanko-soft);margin:24px auto}.game-rule-details-content{background:var(--hanko-paper)}}
}

@layer games {
@scope(.hanko-president-page){.hanko-stage.is-result{width:100%}.is-result .hanko-play-area{aspect-ratio:auto;height:auto}.hanko-result{scroll-margin-top:var(--hanko-gap);color:var(--hanko-ink);background:var(--hanko-soft);text-align:center;padding:clamp(16px,3vw,32px);position:relative}.hanko-result-heading{max-width:640px;margin-inline:auto}.hanko-result h2{font:900 clamp(24px, 4vw, 36px) / 1.4 var(--hanko-font);margin:8px 0}.hanko-result-note{color:var(--hanko-muted);font-size:14px;line-height:1.7}.hanko-result .hanko-statistics{border:1px solid var(--hanko-line);border-radius:var(--radius-m);background:var(--hanko-paper);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:16px}.hanko-graded-papers{text-align:left;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 8px;margin:24px 0;padding:0;list-style:none;display:grid}.hanko-graded-paper{border:1px solid var(--hanko-line);border-radius:var(--radius-s);background:var(--hanko-cream);min-width:0;animation:hanko-graded-paper-in .42s calc(var(--hanko-paper-order) * 65ms) both;padding:4px;position:relative;overflow:hidden}.hanko-graded-sheet{aspect-ratio:264/328;position:relative;overflow:hidden}.hanko-graded-paper.is-expanded{visibility:hidden}.hanko-document-open{z-index:2;cursor:zoom-in;background:0 0;border:0;width:100%;position:absolute;inset:0}.hanko-document-open:focus-visible{outline:2px solid var(--hanko-red);outline-offset:-2px}.hanko-document-preview{z-index:5;background:#1c120ccc;position:absolute;inset:0}.hanko-document-preview-content{border:1px solid var(--hanko-line);border-radius:var(--radius-m);background:var(--hanko-soft);width:min(460px,100% - 24px);color:var(--hanko-ink);transform-origin:0 0;grid-template-rows:36px minmax(0,1fr);gap:4px;padding:8px;display:grid;position:absolute;left:max(12px,50% - 230px);overflow:hidden}.hanko-document-close{border:1px solid var(--hanko-line);border-radius:var(--radius-s);background:var(--hanko-paper);width:36px;height:36px;color:var(--hanko-ink);cursor:pointer;justify-self:end;padding:0;position:relative}.hanko-document-close:before,.hanko-document-close:after{content:"";background:currentColor;width:18px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.hanko-document-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.hanko-document-preview-list{overscroll-behavior:contain;touch-action:pan-y;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.hanko-document-preview .hanko-graded-paper,.hanko-document-preview .hanko-grade-mark{animation:none}.hanko-document-preview .hanko-grade-mark{--hanko-grade-font-size:100px}.hanko-document-preview .is-perfect .hanko-grade-mark{--hanko-grade-font-size:46cqi}.hanko-document-preview :where(.hanko-grade-number,.hanko-grade-verdict,.hanko-grade-breakdown){font-size:14px}.hanko-graded-sheet>svg{width:100%;display:block}.hanko-grade-number{color:var(--hanko-muted);background:var(--hanko-document-background);font-variant-numeric:tabular-nums;margin:0;font-size:11px;position:absolute;top:3%;left:6%}.hanko-grade-mark{--hanko-grade-font-size:clamp(28px, 4vw, 52px);--hanko-grade-outline:#fff;aspect-ratio:1;width:54%;color:var(--hanko-red);font-family:var(--font-serif), serif;text-align:center;animation:hanko-grade-mark-in .24s calc(.22s + var(--hanko-paper-order) * 65ms) both;place-content:center;margin:0;display:grid;position:absolute;top:4%;right:4%;transform:rotate(-8deg);container-type:inline-size}.hanko-grade-mark strong{z-index:1;font-size:min(var(--hanko-grade-font-size), 60cqi);-webkit-text-stroke:clamp(1.5px, .06em, 3px) var(--hanko-grade-outline);paint-order:stroke fill;font-style:italic;line-height:1;position:relative}.is-perfect .hanko-grade-mark{--hanko-grade-font-size:46cqi}.is-perfect .hanko-grade-mark strong{transform:translate(-.12em,-.15em)}.hanko-grade-underline{fill:currentColor;pointer-events:none;width:112%;height:.22em;position:absolute;bottom:-.18em;left:-6%;overflow:visible}.hanko-grade-flower{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:106%;height:106%;position:absolute;inset:-3%}.hanko-grade-verdict{max-width:60%;color:var(--hanko-red);margin:0;font-size:clamp(10px,1.2vw,13px);font-weight:700;position:absolute;bottom:7%;left:8%;transform:rotate(-6deg)}.hanko-grade-details{background:var(--hanko-soft);text-align:center;margin:0;padding:8px 4px}.hanko-grade-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;font-size:11px;display:grid}.hanko-grade-breakdown div{align-content:start;gap:4px;min-width:0;display:grid}.hanko-grade-breakdown dt{color:var(--hanko-muted)}.hanko-grade-breakdown dd{color:var(--hanko-red);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.hanko-result-actions{margin-block:24px 8px}@keyframes hanko-graded-paper-in{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes hanko-grade-mark-in{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@media (max-width:820px){.hanko-graded-papers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.hanko-graded-papers{grid-template-columns:repeat(2,minmax(0,1fr))}.hanko-grade-mark{--hanko-grade-font-size:34px}.hanko-result .hanko-statistics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hanko-graded-paper,.hanko-grade-mark{animation:none}}}
}

@layer games {
@scope(.hanko-president-page){.hanko-records{--muted:var(--hanko-muted);--hanko-record-line:var(--hanko-line);--hanko-record-surface:var(--hanko-paper);border:1px solid var(--hanko-line);border-radius:var(--radius-m);background:var(--hanko-surface);width:100%;color:var(--hanko-text);font-family:var(--hanko-font);text-align:left;margin:24px auto;padding:clamp(18px,4vw,28px)}.hanko-records-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hanko-records-clear{border:1px solid var(--hanko-line);border-radius:var(--radius-full);background:var(--hanko-paper);min-height:36px;color:var(--hanko-red);font:800 .82rem var(--hanko-font);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.hanko-records-clear svg{width:1.1em;height:1.1em}.hanko-records-error{color:var(--hanko-red);font-size:.85rem}.hanko-record-best{border-inline-start:6px solid var(--hanko-orange);background:var(--hanko-ink);color:var(--hanko-cream);justify-content:space-between;align-items:center;gap:12px;margin:22px 0 26px;padding:18px 22px;display:flex}.hanko-record-best span{font-weight:800}.hanko-record-best strong{color:var(--hanko-gold);font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,2.8rem);line-height:1}.hanko-records h3{border-inline-start:4px solid var(--hanko-orange);color:var(--hanko-ink);margin:0 0 12px;padding-inline-start:12px;font-size:1.05rem;font-weight:900}.hanko-record-unit{margin-inline-start:.2em;font-size:.65em;font-weight:600}.hanko-top-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hanko-top-results li{border:1px solid var(--hanko-record-line);border-radius:var(--radius-m);background:var(--hanko-record-surface);grid-template-columns:44px minmax(0,1fr) auto 36px;align-items:center;gap:14px;min-width:0;padding:12px 16px;display:grid}.hanko-top-results li.is-locked{border-color:var(--hanko-line);background:var(--hanko-soft)}.hanko-record-rank{border-radius:var(--radius-full);background:var(--hanko-ink);width:40px;height:40px;color:var(--hanko-cream);font-variant-numeric:tabular-nums;place-items:center;font-size:.95rem;font-weight:900;display:grid}.hanko-record-score{gap:2px;min-width:0;display:grid}.hanko-record-score strong{color:var(--hanko-ink);font-variant-numeric:tabular-nums;font-size:1.4rem;line-height:1.1}.hanko-record-score time{color:var(--hanko-muted);font-size:.78rem}.hanko-record-meta{color:var(--hanko-text);text-align:right;gap:3px;font-size:.78rem;display:grid}.hanko-record-meta strong{color:var(--hanko-orange-dark);font-variant-numeric:tabular-nums;font-size:.9rem}.hanko-record-lock{border:1px solid var(--hanko-record-line);border-radius:var(--radius-full);background:var(--hanko-paper);width:36px;height:36px;color:var(--hanko-muted);cursor:pointer;place-items:center;display:grid}.hanko-record-lock.is-locked{border-color:var(--hanko-line);background:var(--hanko-soft);color:var(--hanko-ink)}.hanko-record-lock:disabled{cursor:not-allowed;opacity:.5}.hanko-record-lock svg{width:1.2rem;height:1.2rem}@media (max-width:520px){.hanko-records-header{flex-wrap:wrap}.hanko-records-clear{margin-inline-start:auto}.hanko-record-best{padding:16px}.hanko-top-results li{grid-template-columns:40px minmax(0,1fr) 36px;gap:4px 12px;padding:10px 12px}.hanko-record-rank{grid-row:span 2}.hanko-record-meta{text-align:left;flex-wrap:wrap;grid-column:2;gap:4px 12px;display:flex}.hanko-record-lock{grid-area:1/3/span 2}}.hanko-empty{border-radius:var(--radius-m);background:var(--hanko-paper);color:var(--hanko-muted);margin:12px 0 0;padding:20px}}
}

@layer games {
@scope(.hanko-president-page){.hanko-president-ranking{--muted:var(--hanko-muted);--foreground:var(--hanko-ink);--ranking-gold-border:#d7b348;--ranking-gold-text:#795700;--ranking-silver-border:#aab6c4;--ranking-silver-text:#526173;--ranking-bronze-border:#c68b5b;--ranking-bronze-text:#804b27;--hanko-ranking-name-color:var(--hanko-ink);--hanko-ranking-score-color:var(--hanko-red);--hanko-ranking-own-name-color:var(--hanko-red);--hanko-ranking-divider:var(--hanko-line);border:1px solid var(--hanko-line);border-radius:var(--radius-m);background:var(--hanko-surface);color:var(--hanko-ink);margin-block:2rem;padding:clamp(18px,3vw,24px);scroll-margin-top:1rem}.hanko-president-ranking :where(button,select){border:1px solid var(--hanko-line);border-radius:var(--radius-m);color:var(--hanko-ink);background:var(--hanko-paper);font:inherit;padding:.5rem .75rem}.hanko-president-ranking button{cursor:pointer}.hanko-president-ranking button:disabled{opacity:.5;cursor:default}.hanko-president-ranking-setting{text-align:left}.hanko-president-ranking-setting>button,.hanko-president-ranking-setting>span svg{flex-shrink:0}.hanko-president-ranking-own-title{color:var(--hanko-ink);overflow-wrap:anywhere;align-items:center;gap:.75rem;display:flex}.hanko-president-ranking-own-title img{flex-shrink:0}.hanko-president-ranking-own{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-block:1.5rem;display:grid}.hanko-president-ranking-own :where(dt,dd){overflow-wrap:anywhere;margin:0}.hanko-president-ranking-own dt{color:var(--hanko-muted);letter-spacing:.04em;font-size:.85rem;font-weight:700}.hanko-president-ranking-own>div{min-width:0;padding:.5rem clamp(.75rem,2vw,1.5rem)}.hanko-president-ranking-own>div+div{border-inline-start:1px solid var(--hanko-line)}.hanko-president-ranking-own dd{font-variant-numeric:tabular-nums;justify-items:start;gap:.75rem;margin-top:.75rem;display:grid}.hanko-president-ranking-own-position{color:var(--hanko-red);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.hanko-president-ranking-own-position small{letter-spacing:0;margin-inline:.2em;font-size:.4em;font-weight:700}.hanko-president-ranking-own-score{-moz-column-gap:.35em;border-radius:var(--radius-full);max-width:100%;color:var(--hanko-ink);flex-wrap:wrap;align-items:baseline;column-gap:.35em;padding:.25rem .65rem;font-size:1.1rem;font-weight:700;line-height:1.4;display:inline-flex}.hanko-president-ranking-own-score small{color:var(--hanko-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.65em}.hanko-president-ranking-no-record{color:var(--hanko-muted);padding-block:.5rem;font-size:.9rem}.hanko-president-ranking-own-summary.is-single-period{border-block:1px solid var(--hanko-ranking-divider);align-items:center;gap:1.25rem;margin-block:1.5rem 2rem;padding-block:1.25rem;display:grid}.hanko-president-ranking-own-summary.is-single-period .hanko-president-ranking-own-title{gap:1rem;margin:0;font-size:1.05rem}.hanko-president-ranking-own.is-single-period{grid-template-columns:1fr;margin:0}.hanko-president-ranking-own.is-single-period>div{padding:0}.hanko-president-ranking-own.is-single-period dd{grid-template-columns:repeat(2,minmax(0,1fr));align-items:baseline;gap:1rem;margin-top:.5rem}.hanko-president-ranking-own.is-single-period .hanko-president-ranking-own-score{border-radius:0;padding:0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.hanko-president-ranking-own.is-single-period .hanko-president-ranking-no-record{grid-column:1/-1}@media (min-width:821px){.hanko-president-ranking-own-summary.is-single-period{-moz-column-gap:clamp(2rem, 5vw, 4rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,4rem)}.hanko-president-ranking-own.is-single-period{border-inline-start:1px solid var(--hanko-ranking-divider);padding-inline-start:2rem}}.hanko-president-ranking-periods,.hanko-president-ranking-actions{flex-wrap:wrap;gap:.5rem;margin-block:1rem;display:flex}.hanko-president-ranking-periods{--game-option-border:var(--hanko-line);--game-option-text:var(--hanko-ink);gap:6px;margin-block:2rem 1.5rem}.hanko-president-ranking-periods button{border:1px solid var(--game-option-border);border-radius:var(--radius-m);background:var(--hanko-paper);min-height:36px;color:var(--game-option-text);font:inherit;cursor:pointer;padding:0 14px;font-weight:700}.hanko-president-ranking-actions>button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.hanko-president-ranking-actions svg{font-size:1.25rem}.hanko-president-ranking-delete{--ranking-danger-border:var(--hanko-line);--ranking-danger-bg:var(--hanko-paper);--ranking-danger-text:var(--hanko-red)}.hanko-president-ranking-actions .hanko-president-ranking-delete{border-color:var(--ranking-danger-border);background:var(--ranking-danger-bg);color:var(--ranking-danger-text)}.hanko-president-ranking-periods [aria-pressed=true]{color:var(--hanko-cream);background:var(--hanko-ink);border-color:var(--hanko-ink)}.hanko-president-ranking-list{padding:0;list-style:none}.hanko-president-ranking-list li{--hanko-ranking-row-gap:.2rem;--hanko-ranking-row-padding:.5rem;gap:var(--hanko-ranking-row-gap) .5rem;padding:var(--hanko-ranking-row-padding) .65rem var(--hanko-ranking-row-padding) 0;border-bottom:1px solid var(--hanko-ranking-divider);background:var(--hanko-paper);grid-template-columns:3.5rem 36px minmax(0,1fr) auto;align-items:center;display:grid}.hanko-president-ranking-list li.is-own{--hanko-ranking-name-color:var(--hanko-ranking-own-name-color)}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-rank,.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>img,.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-score{grid-row:1/3}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-rank{grid-column:1}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>img{grid-column:2}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-name{grid-area:1/3}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-score{grid-column:4}.hanko-president-ranking-stats{color:var(--hanko-muted);flex-wrap:wrap;grid-area:2/3;align-self:start;gap:.25rem 1rem;font-size:.75rem;line-height:1.5;display:flex}.hanko-president-ranking-stats>span{white-space:nowrap}.hanko-president-ranking-list li.is-podium{--ranking-medal-border:var(--ranking-gold-border);--ranking-medal-text:var(--ranking-gold-text)}.hanko-president-ranking-list li.is-rank-2{--ranking-medal-border:var(--ranking-silver-border);--ranking-medal-text:var(--ranking-silver-text)}.hanko-president-ranking-list li.is-rank-3{--ranking-medal-border:var(--ranking-bronze-border);--ranking-medal-text:var(--ranking-bronze-text)}.hanko-president-ranking-list .is-podium .hanko-president-ranking-rank{border:2px solid var(--ranking-medal-border);border-radius:var(--radius-full);background:var(--hanko-paper);width:3rem;min-height:3rem;color:var(--ranking-medal-text);text-align:center;justify-self:center;place-items:center;font-weight:800;line-height:1.1;display:grid}.hanko-president-ranking-rank{text-align:center;place-items:center;min-width:0;display:grid}.hanko-president-ranking-rank small{font-size:.7em;display:block}.hanko-president-ranking-name{overflow-wrap:anywhere;min-width:0;color:var(--hanko-ranking-name-color);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;font-weight:600;display:flex}.hanko-president-ranking-list li.is-own .hanko-president-ranking-name{font-weight:800}.hanko-president-ranking-score{color:var(--hanko-ranking-score-color);font-family:var(--font-body), monospace;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.12em;font-size:clamp(20px,3.125vw,26px);font-weight:800;display:inline-flex}.hanko-president-ranking-score small{color:var(--hanko-muted);letter-spacing:.03em;font-size:.65em;font-weight:700}.hanko-president-result-ranking{--result-ranking-border:var(--hanko-line);--result-ranking-error-border:#e0b9ae;--result-ranking-error-text:#8f4937;border:1px solid var(--result-ranking-border);border-radius:var(--radius-l);background:var(--hanko-paper);color:var(--hanko-ink);text-align:center;justify-items:center;gap:5px;padding:16px;display:grid}.hanko-president-result-ranking p{color:inherit;margin:0;font-weight:700;line-height:1.6}.hanko-president-result-ranking strong{font-family:var(--font-body), monospace;font-size:clamp(2.25rem,7vw,3.5rem);line-height:1.1}.hanko-president-result-ranking strong small{margin-inline:.12em;font-size:.35em}.hanko-president-result-ranking a{color:var(--hanko-red);text-underline-offset:.2em;font-weight:700}.hanko-president-result-ranking a:hover{text-decoration:none}.hanko-president-result-ranking.is-error{border-color:var(--result-ranking-error-border);background:var(--hanko-paper);color:var(--result-ranking-error-text)}.hanko-president-ranking-list li>img{width:36px;height:36px}@media (min-width:821px){.hanko-president-ranking-list li{--hanko-ranking-avatar-size:48px;grid-template-columns:3.5rem var(--hanko-ranking-avatar-size) minmax(0, 1fr) auto}.hanko-president-ranking-list li>img{width:var(--hanko-ranking-avatar-size);height:var(--hanko-ranking-avatar-size)}}@media (max-width:520px){.hanko-president-ranking{margin-inline:10px}.hanko-president-ranking-own{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.5rem}.hanko-president-ranking-own>div:nth-child(odd){border-inline-start:0}.hanko-president-ranking-list li{-moz-column-gap:.4rem;grid-template-columns:3rem 32px minmax(0,1fr) auto;column-gap:.4rem;padding-inline:.45rem}.hanko-president-ranking-list li>img{width:32px;height:32px}.hanko-president-ranking-list .is-podium .hanko-president-ranking-rank{width:2.6rem;min-height:2.6rem}.hanko-president-ranking-stats{grid-area:3/2/auto/-1;gap:.25rem .75rem}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>img,.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-score{grid-row:1}}@media (max-width:374px){.hanko-president-ranking-list li{grid-template-columns:2.6rem 24px minmax(0,1fr)}.hanko-president-ranking-list li>.hanko-president-ranking-rank{grid-area:1/1/4}.hanko-president-ranking-list li>img{grid-area:1/2;width:24px;height:24px}.hanko-president-ranking-list li>.hanko-president-ranking-name{grid-area:1/3}.hanko-president-ranking-list li>.hanko-president-ranking-score{grid-area:2/3}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-rank{grid-row:1/4}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>img{grid-row:1}.hanko-president-ranking-list li:has(.hanko-president-ranking-stats)>.hanko-president-ranking-score{grid-area:2/3}}}
}

@layer games {
@scope(.hanko-president-page){:scope:has(.hanko-pseudo-fullscreen){width:100%;max-width:none;margin-inline:0}.hanko-stage{--flag-safe-area-bg:var(--hanko-ink);--hanko-fullscreen-reserved-height:calc(64px + var(--hanko-feedback-height))}.hanko-pseudo-fullscreen{z-index:1000;width:100%;height:var(--flag-viewport-height,100dvh);max-width:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;border:0;border-radius:0;grid-template-rows:64px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);margin-inline:0;display:grid;position:relative;overflow:hidden}.hanko-fullscreen-toolbar{background:var(--hanko-hud-background);justify-content:flex-end;align-items:center;padding:10px 12px;display:flex}.hanko-fullscreen-toolbar button{border:1px solid var(--hanko-gold);border-radius:var(--radius-s);background:var(--hanko-ink);width:44px;height:44px;color:var(--hanko-cream);font:inherit;cursor:pointer;place-items:center;padding:0;font-size:13px;display:grid}.hanko-pseudo-fullscreen:not(.is-result) .hanko-play-area{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.hanko-pseudo-fullscreen .hanko-board{min-height:0;width:min(100%, calc(( var(--flag-viewport-height,100dvh) - var(--hanko-fullscreen-reserved-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) ) * 360 / 580));flex:1;margin-inline:auto}.hanko-pseudo-fullscreen :where(.hanko-hud,.hanko-time){flex:none}.hanko-pseudo-fullscreen .hanko-settings{justify-self:center;width:min(100%,480px)}.hanko-pseudo-fullscreen.is-result{grid-template-rows:64px minmax(0,1fr)}.hanko-pseudo-fullscreen.is-result .hanko-play-area{overscroll-behavior:contain;touch-action:pan-y;height:100%;min-height:0;overflow-y:auto}.hanko-pseudo-fullscreen .hanko-result{touch-action:pan-y;max-width:1180px;min-height:100%;margin-inline:auto}}
}