:root{--paper-cream:#ede4d0;--highlight:#f6efdd;--parchment:#d9cfb6;--line-gray:#5c5850;--ink-black:#111114;--signal-red:#d84a3c;--crimson:#b83227;--mustard:#e5a73a;--lilac-purple:#6b5ca5;--moss-green:#5a7a3e;--olive:#8a8a3a;--highlight-gold:#e8c547;--color-bg:var(--paper-cream);--color-surface-1:var(--paper-cream);--color-surface-2:var(--highlight);--color-surface-sunken:var(--parchment);--color-text-primary:var(--ink-black);--color-text-secondary:var(--line-gray);--color-text-on-dark:var(--paper-cream);--color-text-inverse:var(--highlight);--color-border:color-mix(in srgb, var(--ink-black) 14%, transparent);--color-border-strong:color-mix(in srgb, var(--ink-black) 28%, transparent);--line-width:1.25px;--color-cta:var(--signal-red);--color-cta-hover:color-mix(in srgb, var(--signal-red) 88%, var(--ink-black));--color-cta-active:color-mix(in srgb, var(--signal-red) 76%, var(--ink-black));--color-cta-text:var(--highlight);--color-danger:var(--crimson);--color-success:var(--moss-green);--color-focus:var(--signal-red);--state-hover-overlay:color-mix(in srgb, var(--ink-black) 6%, transparent);--state-active-overlay:color-mix(in srgb, var(--ink-black) 12%, transparent);--color-side-player1:var(--crimson);--color-side-player2:var(--lilac-purple);--rank-9:#8f3042;--rank-8:#b84136;--rank-7:#b95b30;--rank-6:#a96925;--rank-5:#917024;--rank-4:#546797;--rank-3:#397da3;--rank-2:#357d80;--rank-1:#52715e;--rank-9-text:#fff9e8;--rank-8-text:#fff9e8;--rank-7-text:#fff9e8;--rank-6-text:#fff9e8;--rank-5-text:#fff9e8;--rank-4-text:#fff9e8;--rank-3-text:#fff9e8;--rank-2-text:#fff9e8;--rank-1-text:#fff9e8;--card-bomb:#1a1a2e;--card-bomb-text:var(--highlight);--card-landmine:#3b2f4a;--card-landmine-text:var(--highlight);--card-flag:var(--highlight-gold);--card-flag-text:var(--ink-black);--board-tile-face:#9ab97c;--board-tile-side:#686044;--board-camp-face:#2a7e40;--board-camp-ring:#0b4501;--board-road:#f1e8d0;--board-rail-metal:#eceff2;--board-rail-edge:#58595b;--board-sleeper:#854a23;--board-sleeper-edge:#3e3a33;--board-station-face:#b3c998;--board-hq-face:#c3ac72;--board-mountain-face:#a5b28a;--board-mountain-shade:#727d61;--board-bridge-face:#b79b6c;--board-canvas:#e4d29e;--board-canvas-shade:#a5905c;--board-illustration-ink:#454637;--board-pennant:#ce9a45;--board-move-light:#ffe29a;--board-capture-light:#ff9b76;--board-mat:color-mix(in srgb, var(--board-tile-side) 86%, var(--ink-black) 14%);--board-mat-side:color-mix(in srgb, var(--board-tile-side) 64%, var(--ink-black) 36%);--piece-p1-face:#e59191;--piece-p1-side:#835a5a;--piece-p2-face:#91a8cf;--piece-p2-side:#55617f;--board-tile-grain:#392d2622;--board-tile-highlight:#fff3bc33;--board-tile-shade:#3c382b44;--board-tile-face-highlight:#eaf0b67a;--board-tile-face-edge:#4a683936;--terrain-meadow-ground-1:#9cb875;--terrain-meadow-ground-2:#a6bf7c;--terrain-meadow-ground-3:#91ae6d;--terrain-meadow-ground-4:#b0c486;--terrain-meadow-grass:#5e8548;--terrain-meadow-light:#d0db93;--terrain-meadow-soil:#786042;--terrain-meadow-flower:#fff2be;--terrain-marsh-ground-1:#80a589;--terrain-marsh-ground-2:#92b296;--terrain-marsh-ground-3:#7ba183;--terrain-marsh-ground-4:#a0ba92;--terrain-marsh-grass:#456e58;--terrain-marsh-light:#bfd29f;--terrain-marsh-soil:#6c6150;--terrain-marsh-flower:#e9ddab;--terrain-steppe-ground-1:#b7b275;--terrain-steppe-ground-2:#c1ba80;--terrain-steppe-ground-3:#a7ad6c;--terrain-steppe-ground-4:#b5ba7d;--terrain-steppe-grass:#758343;--terrain-steppe-light:#e1d5a0;--terrain-steppe-soil:#8b6545;--terrain-steppe-flower:#f7d16b;--terrain-pebble:#d1cbb0;--terrain-pebble-shade:#7a806b;--terrain-flower-center:#d7a948;--track-road:#c7ab76;--track-road-edge:#82784e;--track-road-highlight:#e3cb95;--track-road-rut:#a98d5d;--track-ballast:#7b7f68;--track-ballast-grit:#aaa68a;--track-rail:#bfcbd0;--track-rail-shine:#f3f3dc;--piece-badge-special:#63506e;--piece-badge-border:#fff7da;--piece-badge-edge:#302b28;--piece-motion-shadow:#43382c;--combat-shard-1:#cfac76;--combat-shard-2:#ede0bf;--combat-shard-3:#8f7ea4;--combat-shard-4:#bc7770;--combat-shard-crease:#765a3e;--combat-vignette:#473724;--drawer-case:#50472e;--drawer-case-border:#655438;--drawer-case-shadow:#473a2638;--drawer-frame:#665436;--drawer-body:#baa176;--drawer-body-side:#90764b;--drawer-body-grain:#71593810;--drawer-body-inner-shadow:#39281155;--drawer-front:#cbb183;--drawer-front-border:#725a39;--drawer-front-grain:#725a3917;--drawer-front-bevel:#e6d0a7;--drawer-front-edge:#8e724b;--drawer-front-shadow:#473a2626;--drawer-rivet:#756144;--drawer-count:#6e7f5b;--drawer-count-ink:#fff8e4;--drawer-grip:#725936;--drawer-grip-border:#786345;--drawer-grip-highlight:#ead1a0;--drawer-grip-edge:#614c32;--drawer-grip-inner-shadow:#483921;--capture-card:#fff7df;--capture-card-edge:#aa9371;--capture-face-ink:#624d34;--capture-flight:#e9d4a8;--capture-flight-border:#685438;--capture-flight-edge:#98744c;--capture-flight-shadow:#32241444;--turn-banner:#79634a;--turn-banner-mine:#697c52;--turn-banner-ink:#fff0bc;--turn-banner-ink-shadow:#473a28;--cursor-label:#a65e4b;--cursor-label-ink:#fff4da;--play-ink:#4c422f;--play-button:#f6ecd1;--play-button-border:#938467;--waiting-page:#e5e5d0;--waiting-seal:#79845a;--billboard:#fffaf0;--billboard-border:#a49a82;--billboard-ink:#6e654e;--legend-tag:#efe2b8;--legend-tag-border:#938365;--legend-tag-ink:#655533;--legend-tag-empty:#e1ddd1;--legend-tag-empty-ink:#8c8471;--note-pin-paper:#fcf2d5;--note-pin-paper-valid:#fff2b5;--note-pin-line:#766749;--note-pin-line-valid:#d6a21c;--note-pin-shadow:#443a2726;--note-pin-rule:#b9a57466;--note-pin-tip:#6d5932;--note-pin-tip-valid:#b6820a;--note-pin-head:#ffdf6a;--note-pin-head-line:#fff8dd;--note-pin-hint:#8a784512;--note-pin-hint-ink:#786747;--note-pin-hint-valid:#e8b8303b;--note-pin-hint-valid-ink:#715111;--note-drop-outline:#ffd34b;--note-drop-edge:#8a6722;--note-drop-fill:#ffe29a33;--note-drop-glow:#ffe49b55;--note-paper:#f6efdc;--note-border:#796e53;--note-edge:#897755;--note-shadow:#352c3340;--note-bar:#efe5c9;--note-ink:#494735;--note-muted:#706a55;--note-rule:#d2c7a9;--note-accent:#637852;--note-lede-ink:#756f59;--note-label-ink:#78715c;--note-save-hint-ink:#80795f;--note-placeholder:#aaa18a;--note-scrollbar:#b7ad91;--note-focus:#66844f;--note-dismiss:#f8f0d9;--note-dismiss-border:#b7aa89;--note-dismiss-hover:#fff9e7;--note-field:#fff9e9;--note-field-border:#c4b898;--note-badge-border:#695c42;--note-chip-selected:#e7eed9;--note-mark-ink:#fff8de;--note-toggle-border:#c0b697;--note-option-selected:#e5ecd6;--note-option-selected-ink:#425535;--note-compare-panel:#eee7d3;--note-reference-border:#bcb193;--note-compare-option:#fbf5e4;--note-compare-option-ink:#726b58;--note-recorded-ink:#50653e;--note-remove-ink:#786e59;--note-clear-ink:#8e6452;--note-clear-hover:#a0684410;--note-clear-hover-ink:#713e30;--note-close-border:#45573c;--note-close-ink:#fff9e3;--note-close-hover:#526844;--note-art-shadow:#7b6b4b;--note-art-cover:#637889;--note-art-line:#4c5144;--note-art-page:#a4b7bd;--note-art-page-line:#dce0c9;--note-art-mark:#56696c;--emote-trigger-edge:#c0ad86;--emote-trigger-icon:#74865d;--emote-menu:#f1e6c9;--emote-menu-border:#8d7d5b;--emote-menu-edge:#b7a17a;--emote-menu-shadow:#44372130;--emote-menu-rule:#c9b993;--emote-menu-ink:#514a35;--emote-menu-caption-ink:#817350;--emote-group-ink:#827555;--emote-option:#fcf5e1;--emote-option-border:#cfbf9b;--emote-option-ink:#63553b;--emote-option-hover:#f1f0d9;--emote-option-hover-border:#758950;--emote-focus:#677f4c;--emote-mute-ink:#79684a;--emote-mute-on-ink:#985d48;--emote-bubble:#fff5db;--emote-bubble-border:#7c754f;--emote-bubble-ink:#625236;--emote-bubble-edge:#c4b28c;--emote-bubble-remote:#fae9d7;--emote-bubble-remote-border:#aa7761;--sticker-outline:#fff8e5;--sticker-line:#302b24;--sticker-shadow:#55462426;--sticker-ground-shadow:#5f553d;--sticker-spark:#e8bd54;--sticker-heart:#df8c9a;--sticker-heart-line:#703f4e;--sticker-leaf:#87a86a;--sticker-sprout-line:#4c633f;--sticker-blossom:#e6abbe;--sticker-blossom-line:#93546c;--sticker-blossom-center:#edce73;--sticker-wave-line:#59764f;--sticker-glint-line:#b08c39;--sticker-sweat:#8cb8c5;--sticker-sweat-line:#527b90;--sticker-oops-line:#5f5890;--sticker-exclaim:#ca8530;--sticker-music:#448f96;--sticker-music-line:#315e63;--sticker-challenge-line:#ae8330;--sticker-tease-line:#7763a5;--sticker-hourglass:#e9dbb9;--sticker-hourglass-line:#695541;--sticker-sand:#b79852;--sticker-thought-dot:#986879;--sticker-doze-line:#7a8a62;--learning-art-shadow:#11111420;--learning-card-edge:#5c58501f;--panel-button-pressed-shadow:#0002;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-pill:999px;--radius-button:var(--radius-sm);--radius-card:var(--radius-md);--radius-modal:var(--radius-lg);--elevation-1:0 1px 2px #11111414, 0 2px 4px #1111140f;--elevation-2:0 2px 6px #1111141a, 0 8px 16px #1111141a;--elevation-3:0 8px 20px #11111424, 0 24px 48px #1111142e;--shadow-card:var(--elevation-1);--shadow-lifted:var(--elevation-2);--shadow-modal:var(--elevation-3);--duration-instant:80ms;--duration-fast:.12s;--duration-base:.2s;--duration-reveal:.28s;--ease-out-smooth:cubic-bezier(.23, 1, .32, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--container-tablet:680px;--touch-target-min:44px;--rank-legend-height:calc(6.5rem + env(safe-area-inset-bottom,0px));--font-display-kr:"OngleipKonkon", "Nanum Myeongjo", serif;--font-body:"SUIT", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif;--num-tabular:tabular-nums lining-nums;--z-bg:-1;--z-base:0;--z-content:1;--z-sticky:30;--z-modal:50;--z-paper-grain:1000}html:lang(zh){--font-display-kr:"ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif}html:lang(ja){--font-display-kr:"Kosugi Maru", "M PLUS 1p", sans-serif;--font-body:"M PLUS 1p", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif}html:lang(es){--font-display-kr:"Dekko", "Commissioner", cursive;--font-body:"Commissioner", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif}@media (height<=560px){:root{--rank-legend-height:0px}}@font-face{font-family:SUIT;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SUIT;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SUIT;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SUIT;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SUIT;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OngleipKonkon;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--color-bg)}body{font-family:var(--font-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background:0 0}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;user-select:text}img,svg,a{-webkit-user-drag:none}@media (any-pointer:fine){html,html *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='36'%20viewBox='0%200%2032%2036'%3e%3cpath%20d='M4%205%2026%2022%2017%2024%2013%2033Z'%20fill='%23332d24'%20opacity='.18'/%3e%3cpath%20d='M3%203%2025%2020%2015.5%2022.2%2011.6%2031Z'%20fill='%23f8edcb'%20stroke='%23424d37'%20stroke-width='1.8'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.3%208.1%2019.4%2018.4%2013%2020Z'%20fill='%23819365'/%3e%3cpath%20d='m13%2020-1.7%206.2L6.3%208.1Z'%20fill='%23819365'%20opacity='.55'/%3e%3cpath%20d='m5.6%206.4%2012.7%2010'%20fill='none'%20stroke='%23fffaf0'%20stroke-width='1.1'%20stroke-linecap='round'/%3e%3c/svg%3e") 3 3,default!important}html :is(button,a,[role=button],[role=gridcell],input[type=range]):not(:disabled),html :is(button,a,[role=button],[role=gridcell]) *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='36'%20viewBox='0%200%2032%2036'%3e%3cpath%20d='M4%205%2026%2022%2017%2024%2013%2033Z'%20fill='%23332d24'%20opacity='.18'/%3e%3cpath%20d='M3%203%2025%2020%2015.5%2022.2%2011.6%2031Z'%20fill='%23fff3c7'%20stroke='%2352482f'%20stroke-width='1.8'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.3%208.1%2019.4%2018.4%2013%2020Z'%20fill='%23d1ad4e'/%3e%3cpath%20d='m13%2020-1.7%206.2L6.3%208.1Z'%20fill='%23d1ad4e'%20opacity='.55'/%3e%3cpath%20d='m5.6%206.4%2012.7%2010'%20fill='none'%20stroke='%23fffaf0'%20stroke-width='1.1'%20stroke-linecap='round'/%3e%3c/svg%3e") 3 3,pointer!important}html :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,[contenteditable=true]){cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='32'%20viewBox='0%200%2024%2032'%3e%3cpath%20d='M8%205h3q1%200%201%202v18q0%202-1%202H8m8-22h-3q-1%200-1%202v18q0%202%201%202h3'%20fill='none'%20stroke='%23fbf2d7'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M8%205h3q1%200%201%202v18q0%202-1%202H8m8-22h-3q-1%200-1%202v18q0%202%201%202h3'%20fill='none'%20stroke='%23586447'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3c/svg%3e") 12 16,text!important}html.rank-note-dragging,html.rank-note-dragging *{cursor:none!important}}body:before{content:"";pointer-events:none;z-index:var(--z-paper-grain);opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.07  0 0 0 0 0.07  0 0 0 0 0.08  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:240px 240px;position:fixed;inset:0}.u-viewport-lock{overscroll-behavior:none;overflow:hidden!important}h1,h2,h3,h4,h5,h6{margin-block:0}button{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.sketch-frame{position:relative;border:none!important}.sketch-frame:before{content:"";border:2.5px solid var(--ink-black);border-radius:inherit;pointer-events:none;filter:url(#sketch-soft);position:absolute;inset:0}.sketch-frame-inner:after{content:"";border:1.25px solid var(--ink-black);border-radius:calc(var(--radius-card) - 6px);pointer-events:none;opacity:.55;filter:url(#sketch-soft);position:absolute;inset:7px}.sketch-frame-modal:after{content:"";border:1.25px solid var(--ink-black);border-radius:calc(var(--radius-modal) - 8px);pointer-events:none;opacity:.5;filter:url(#sketch-soft);position:absolute;inset:9px}.sketch-stroke{filter:url(#sketch-soft)}.boot-shell{place-content:center;justify-items:center;gap:var(--space-4);min-height:100vh;padding:var(--space-6);text-align:center;color:var(--color-text-secondary);display:grid}.boot-shell img{width:min(60vw,360px);height:auto}.boot-shell p{max-width:32rem;margin:0}.boot-shell nav{justify-content:center;gap:var(--space-3);flex-wrap:wrap;font-size:.875rem;display:flex}.boot-shell a{color:inherit}html,body{height:auto}.guide{max-width:var(--container-tablet);padding:var(--space-6) var(--space-4) var(--space-8);-webkit-user-select:text;user-select:text;margin:0 auto;line-height:1.7}.guide a{color:inherit}.guide a:focus-visible,.guide summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.guide-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.guide-brand img{width:auto;height:36px;display:block}.guide-langs{gap:var(--space-2);flex-wrap:wrap;display:flex}.guide-langs a{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:.875rem;text-decoration:none}.guide-langs a[aria-current=page]{background:var(--color-surface-2);color:var(--color-text-primary);font-weight:600}.guide h1,.guide h2,.guide h3{font-family:var(--font-display-kr);letter-spacing:-.005em;margin:0;font-weight:400}.guide h1{font-size:2.25rem;line-height:1.2}.guide h2{font-size:1.75rem;line-height:1.3}.guide h3{font-size:1.25rem;line-height:1.4}.guide p{margin:0}.guide-hero{gap:var(--space-3);padding:var(--space-6) var(--space-6);border-radius:var(--radius-card);background:var(--color-surface-1);box-shadow:var(--shadow-card);justify-items:start;display:grid}.guide-play{min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-button);background:var(--color-cta);color:var(--color-cta-text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.guide .guide-play{color:var(--color-cta-text)}@media (hover:hover) and (pointer:fine){.guide-play:hover{background:var(--color-cta-hover)}}.guide-section{gap:var(--space-4);margin-top:var(--space-8);display:grid}.guide-note{color:var(--color-text-secondary)}.guide-ranks,.guide-quiz{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.guide-ranks{grid-template-columns:1fr 1fr}}.guide-rank,.guide-question{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border-radius:var(--radius-card);background:var(--color-surface-1);box-shadow:var(--shadow-card);display:grid}.guide-rank-top{align-items:flex-end;gap:var(--space-3);height:4.5rem;display:flex}.guide-rank-top svg{width:auto;max-width:5rem;height:100%;display:block}.guide-badge{border-radius:var(--radius-pill);background:var(--legend-color);width:2rem;height:2rem;color:var(--legend-text);border:var(--line-width) solid var(--color-border-strong);font-variant-numeric:var(--num-tabular);align-self:center;place-items:center;font-weight:700;display:grid}.guide-count{margin-left:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem}.guide-quiz{counter-reset:question}.guide-q{font-weight:600}.guide-q:before{counter-increment:question;content:"Q" counter(question) ". ";color:var(--color-cta)}.guide-options{gap:var(--space-1);padding-left:var(--space-5);margin:0;list-style:upper-alpha;display:grid}.guide details{border-top:1px dashed var(--color-border);padding-top:var(--space-2)}.guide summary{cursor:pointer;width:fit-content;color:var(--color-cta);font-weight:600}.guide details[open] summary{margin-bottom:var(--space-2)}.guide-tips ul{gap:var(--space-2);margin:var(--space-2) 0 0;padding-left:var(--space-5);display:grid}.guide-footer{gap:var(--space-4);margin-top:var(--space-8);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}