:root{--ink:#4a3f33;--ink-muted:#9c8a72;--paper:#f7efe0;--surface:#fffdf7;--surface-raised:#fffefb;--line:#e8dcc4;--line-strong:#ddcda8;--han:#e0533f;--cho:#1e9e6a;--accent:#ffb020;--accent-strong:#d99310;--board:#f5e6c8;--edge:#8a6a45;--ink-line:#6b5842;--r-sheet:3px;--r-tile:6px;--r-seal:2px;--r-pill:999px;--shadow-rest:0 1px 2px #785c381a;--shadow-lift:0 2px 3px #785c381f, 0 14px 28px -18px #785c3866;--shadow-sheet:0 1px 0 #fffdf7e6, 0 22px 44px -30px #785c388c;--gap-hair:.35rem;--gap-tight:.7rem;--gap-block:1.5rem;--gap-section:clamp(2rem, 5vw, 3.5rem);--pad-sheet:clamp(1.1rem, 3vw, 1.75rem);--fs-display:clamp(2.9rem, 8vw, 4.75rem);--fs-title:1.35rem;--fs-lead:1.0625rem;--fs-body:.9375rem;--fs-note:.8125rem;--fs-label:.6875rem;--font-hanja:"LXGW WenKai TC", AppleMyungjo, serif;--paper-grain:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.42'/></feComponentTransfer></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");--paper-fiber:repeating-linear-gradient(178deg, #7d623808 0 1px, #fff0 1px 7px), repeating-linear-gradient(181deg, #fff6e20e 0 1px, #fff0 1px 11px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Hahmlet,Apple SD Gothic Neo,serif;line-height:1.5}*{box-sizing:border-box}body{background-color:var(--paper);background-image:var(--paper-grain), radial-gradient(820px 560px at 20% 0%, #fdf8ec 0%, var(--paper) 55%, #f0e5cf 100%);background-blend-mode:multiply, normal;background-size:180px 180px,auto;background-attachment:fixed,fixed;min-height:100svh;margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}.field{flex-direction:column;gap:.6rem;display:flex}.field__label{font-size:var(--fs-label);letter-spacing:.14em;color:var(--ink-muted);font-weight:600}.field__note{font-size:var(--fs-note);color:var(--ink-muted);text-wrap:pretty;margin:0;line-height:1.55}.prose{font-size:var(--fs-body);text-wrap:pretty;margin:0;line-height:1.6}.prose--muted{font-size:var(--fs-note);color:var(--ink-muted)}.hanja{font-family:var(--font-hanja)}.primary-button,.quiet-button,.chip,.link-button,.segmented__item,.choice,.side-card,.formation,.tabs__tab{appearance:none;font:inherit;cursor:pointer;transition:background-color .14s,border-color .14s,color .14s,transform .14s,box-shadow .14s}.primary-button:hover{filter:brightness(1.04)}.primary-button:active{box-shadow:none;transform:translateY(3px)}.quiet-button:hover,.chip:hover{border-color:var(--accent)}.choice:hover,.side-card:hover{border-color:var(--accent);transform:translateY(-2px)}.choice:active,.side-card:active,.formation:active,.quiet-button:active,.chip:active{transform:translateY(1px)}.primary-button{background:linear-gradient(#ffc247, var(--accent));color:#4a3f33;letter-spacing:.08em;box-shadow:0 3px 0 var(--accent-strong);border:none;border-radius:12px;padding:.9rem 1.5rem;font-size:1.05rem;font-weight:700}.quiet-button{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);border-radius:12px;padding:.85rem 1.6rem;font-size:1rem;font-weight:600}.chip{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink-muted);border-radius:999px;padding:.45rem .9rem;font-size:.875rem;font-weight:600}.chip:hover{color:var(--ink)}.chip:disabled{cursor:default;opacity:.45}.chip:disabled:hover{border-color:var(--line-strong);color:var(--ink-muted)}.chip__count{font-variant-numeric:tabular-nums;color:var(--ink);margin-left:.4rem}.chip:disabled .chip__count{color:inherit}.link-button{color:var(--ink-muted);font-size:var(--fs-body);background:0 0;border:none;align-items:center;gap:.55rem;padding:0;display:inline-flex}.link-button:hover{color:var(--ink)}.badge{border-radius:var(--r-seal);background:var(--ink);color:#f5eedf;font-size:var(--fs-note);letter-spacing:.06em;padding:.32rem .7rem;font-weight:600;box-shadow:inset 0 0 0 1px #f5eedf47}.chevron{border-style:solid;border-color:currentColor;width:.55rem;height:.55rem;display:inline-block;transform:rotate(45deg)}.chevron--left{border-width:0 0 1.8px 1.8px}.chevron--right{border-width:1.8px 1.8px 0 0}.segmented{border:1px solid var(--line-strong);border-radius:12px;display:flex;overflow:hidden}.segmented__item{border:none;border-left:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink-muted);font-size:var(--fs-body);flex:1;padding:.75rem 0;font-weight:600}.segmented__item:first-child{border-left:none}.segmented__item[aria-pressed=true]{background:linear-gradient(#ffc247, var(--accent));color:#4a3f33}.home .primary-button{background:var(--ink);color:#f7efe0;border-radius:var(--r-tile);box-shadow:0 3px #3a3129}.home .primary-button:hover{filter:none;background:#40372d}.home .segmented__item[aria-pressed=true]{background:var(--ink);color:#f7efe0}.piece-badge,.piece-badge__face{flex:none;justify-content:center;align-items:center;display:inline-flex}.piece-badge{filter:drop-shadow(0 2px 3px #3b322a52)}.piece-badge__face{font-family:LXGW WenKai TC,AppleMyungjo,serif;font-weight:700;line-height:1}.home{align-content:safe center;justify-items:center;gap:var(--gap-section);word-break:keep-all;grid-template-columns:minmax(0,1fr);min-height:100svh;padding:clamp(1.1rem,4vw,2.5rem);display:grid}@media (width>=64rem){.home{grid-template-columns:minmax(17rem,24rem) minmax(26rem,34rem);justify-content:center;place-items:center stretch;gap:0 clamp(2.5rem,6vw,5rem);max-width:74rem;margin-inline:auto}}.hero{z-index:0;text-align:center;align-items:center;gap:var(--gap-tight);flex-direction:column;width:min(45rem,100%);display:flex;position:relative}.hero__mark{margin-bottom:var(--gap-tight);align-items:center;gap:clamp(.35rem,1.4vw,.9rem);display:flex}.hero__mark .piece-mark:first-child{translate:0 2px;rotate:-5deg}.hero__mark .piece-mark:last-child{rotate:4deg}.piece-mark{filter:drop-shadow(0 3px 5px #785c384d);width:clamp(4.25rem,8.5vw,6.5rem);height:auto}.hero__title{align-items:inherit;font-size:var(--fs-display);letter-spacing:-.02em;flex-direction:column;gap:.5rem;margin:0;font-weight:700;line-height:.95;display:flex}.hero__hanja{letter-spacing:.34em;text-indent:.34em;color:var(--ink-muted);font-size:.24em;font-weight:400}@media (width>=64rem){.hero{text-align:left;align-items:flex-start;gap:var(--gap-block);width:auto}}.home__card{background-image:var(--paper-fiber);border-radius:var(--r-sheet);width:min(45rem,100%);box-shadow:0 0 0 4px var(--surface), 0 0 0 5px #8a6a45b8, var(--shadow-sheet);border-color:#8a6a4573;margin:5px}@media (width>=64rem){.home__card{width:calc(100% - 10px)}}.home__panel{flex-direction:column;gap:1.4rem;padding:1.5rem 1.6rem 1.6rem;display:flex}.tabs{border-bottom:1px solid var(--line);margin:0 1.6rem;display:flex}.tabs__tab{color:var(--ink-muted);font-size:var(--fs-body);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.8rem 1.25rem;font-weight:600;position:relative}.tabs__tab[aria-selected=true]{color:var(--ink)}.tabs__tab[aria-selected=true]:after{content:"";inset-inline:.55rem;background:radial-gradient(58% 100% at 50% 55%, var(--ink) 0%, #4a3f33b8 58%, #4a3f3300 100%);height:3px;position:absolute;bottom:-1px}.step-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.6rem;display:flex}.step-header~.field,.step-header~.primary-button{margin:1.4rem 1.6rem}.step-header~.primary-button{width:calc(100% - 3.2rem);margin-top:0}.choice-list{flex-direction:column;gap:.6rem;display:flex}.choice{border:1px solid var(--line-strong);background:var(--surface-raised);text-align:left;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.choice:hover{border-color:var(--ink)}.choice__body{flex-direction:column;flex:1;gap:.25rem;display:flex}.choice__name{font-size:var(--fs-lead);font-weight:700}.choice__hint{font-size:var(--fs-note);color:var(--ink-muted);line-height:1.5}.choice .chevron{color:var(--ink-muted)}.side-cards{gap:.75rem;display:flex}.side-card{border:1px solid var(--line-strong);text-align:left;background:0 0;border-radius:12px;flex:1;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.side-card[aria-pressed=true]{background:var(--surface-raised);border-width:2px;padding:calc(1rem - 1px) calc(1.1rem - 1px)}.side-card:first-child[aria-pressed=true]{border-color:var(--han)}.side-card:last-child[aria-pressed=true]{border-color:var(--cho)}.side-card__body{flex-direction:column;gap:.2rem;display:flex}.side-card__name{font-size:var(--fs-lead);font-weight:700}.side-card__hint{font-size:var(--fs-note);color:var(--ink-muted)}.formation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.formation{border:1px solid var(--line-strong);border-radius:var(--r-tile);background:var(--surface-raised);flex-direction:column;align-items:center;gap:.45rem;padding:.7rem .5rem .6rem;display:flex}.formation:hover{border-color:var(--accent)}.formation[aria-pressed=true]{border-color:var(--ink);border-width:2px;padding:calc(.7rem - 1px) calc(.5rem - 1px) calc(.6rem - 1px)}.formation__row{gap:.3rem;display:flex}.formation__name{font-size:var(--fs-note);letter-spacing:.08em;color:var(--ink-muted);font-weight:600}.formation[aria-pressed=true] .formation__name{color:var(--ink)}.guide{flex-direction:column;gap:.55rem;margin:0;display:flex}.guide__row{align-items:center;gap:.9rem;display:flex}.guide__name{width:3.5rem;font-size:var(--fs-body);flex:none;font-weight:700}.guide__description{font-size:var(--fs-note);color:var(--ink-muted);text-wrap:pretty;flex:1;margin:0;line-height:1.5}.guide__score{text-align:right;width:2.5rem;font-size:var(--fs-note);flex:none;font-weight:600}.game{flex-direction:column;gap:.75rem;max-width:72rem;min-height:100svh;margin-inline:auto;padding:1.1rem 1.75rem;display:flex}.game__bar{flex:none;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.game__board{flex:auto;align-self:center;max-width:100%;min-height:0;position:relative}.player{align-items:center;gap:.75rem;display:flex}.player__name{font-size:1rem;font-weight:600}.player__score{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.player--han .player__score{color:var(--han)}.player--cho .player__score{color:var(--cho)}.player__turn{background:var(--ink);color:#f5eedf;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.player__thinking,.player__check{font-size:.84rem}.player__thinking{color:var(--ink-muted)}.player__check{color:var(--han)}.board-canvas{position:absolute;inset:0}.board-canvas canvas{touch-action:manipulation;display:block}.board-a11y{pointer-events:none;display:grid;position:absolute}.board-a11y button{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:50%;padding:0}.board-a11y button:focus-visible{outline-offset:-2px;outline:2px solid #2d7ff9}.result{flex-direction:column;gap:1rem;max-width:72rem;min-height:100svh;margin-inline:auto;padding:1.6rem 1.75rem;display:flex}.result__summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.6rem 1.9rem;display:flex}.result__headline{align-items:center;gap:1.25rem;display:flex}.result__headline h1{margin:0;font-size:2.35rem;font-weight:700;line-height:1}.result__reason{color:var(--ink-muted);margin:.4rem 0 0;font-size:.94rem}.result__scores{gap:.75rem;display:flex}.score-box{background:var(--surface-raised);border:1px solid;border-radius:12px;flex-direction:column;gap:.2rem;min-width:7.5rem;padding:.7rem .9rem;display:flex}.score-box--han{border-color:var(--han)}.score-box--cho{border-color:var(--cho)}.score-box__label{font-size:.8rem;font-weight:600}.score-box--han .score-box__label{color:var(--han)}.score-box--cho .score-box__label{color:var(--cho)}.score-box__note{color:var(--ink-muted);font-size:.7rem;font-weight:400}.score-box__value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.result__moves{flex-direction:column;flex:1;gap:.8rem;min-height:8rem;padding:1.4rem 1.6rem;display:flex;overflow:hidden}.result__actions{justify-content:center;gap:.75rem;display:flex}.result__actions .primary-button{width:12.5rem}.move-list{columns:18rem;font-variant-numeric:tabular-nums;flex:1;column-gap:1.6rem;min-height:0;margin:0;padding:0;font-size:.84rem;list-style:none;overflow-y:auto}.move-list li{break-inside:avoid;grid-template-columns:2rem 1.5rem 1fr;gap:.5rem;padding:.1rem 0;display:grid}.move-list__number{color:var(--ink-muted);text-align:right}.move-list__side--han{color:var(--han)}.move-list__side--cho{color:var(--cho)}.move-list__empty{color:var(--ink-muted);display:block}.board-banner{inset-inline:0;pointer-events:none;z-index:2;justify-content:center;display:flex;position:absolute;top:38%}.board-banner__text{background:var(--ink);color:#fffaf0;letter-spacing:.22em;text-indent:.22em;border-radius:999px;padding:.5rem 1.6rem .5rem .22em;font-size:1.5rem;font-weight:700;animation:.9s both banner-in;box-shadow:0 6px 18px #4a3f3347}.board-banner__text--check{background:var(--han)}@keyframes banner-in{0%{opacity:0;transform:scale(.82)}18%{opacity:1;transform:scale(1.06)}30%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(1)}}.result-overlay{z-index:10;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.result-overlay__scrim{background:#4a3f338c;animation:.26s both scrim-in;position:absolute;inset:0}.result-overlay__card{background:var(--surface);border-radius:18px;width:min(60rem,100%);max-height:100%;animation:.32s cubic-bezier(.2,.9,.3,1.2) both overlay-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px #4a3f3359}.result-overlay .result{min-height:auto;padding:1.4rem}.result-overlay .card{background:0 0;border:none}.result-overlay .result__summary,.result-overlay .result__moves{padding-inline:.4rem}.result-overlay .move-list{max-height:14rem}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.game__reopen{z-index:10;background:var(--surface-raised);position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #4a3f3338}.game__reopen:active{transform:translate(-50%)translateY(1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.choice:hover,.side-card:hover,.formation:hover{transform:none}}@media (width<=48rem){.game,.result{padding:.9rem 1rem}.home__panel,.step-header{padding-inline:1.1rem}.tabs,.step-header~.field,.step-header~.primary-button{margin-inline:1.1rem}.step-header~.primary-button{width:calc(100% - 2.2rem)}.side-cards{flex-direction:column}.formation-grid{gap:.5rem}.result__summary{flex-direction:column;align-items:flex-start}}