@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--forest:#163e31;--forest-deep:#102e25;--paper:#f5f0e4;--ink:#183f31;--gold:#c5a66c;--red:#bb4b36;--line:#dde3cd2b;--font-sans:Arial,Helvetica,sans-serif;--font-serif:Georgia,"Times New Roman",serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--forest-deep);color:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .2s,color .2s,transform .2s,box-shadow .2s}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #d4b06b}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-serif);font-weight:400}button svg{flex-shrink:0}button,input{touch-action:manipulation}.app-shell{background:radial-gradient(ellipse at 24% 39%,#24513c60,transparent 58%),var(--forest-deep);flex-direction:column;min-height:100dvh;display:flex}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;width:min(1320px,100% - 96px);height:98px;margin:0 auto;display:flex}.wordmark{letter-spacing:1px;white-space:nowrap;align-items:center;gap:13px;font-size:23px;font-weight:600;text-decoration:none;display:flex}.brand-flower{color:#e38b69;display:flex}.wordmark-slash{color:var(--gold);padding:0 8px;font-weight:400}.wordmark small{color:#b6c3ae;letter-spacing:2px;margin-left:10px;font-size:14px;font-weight:400}.header-actions{align-items:center;gap:30px;display:flex}.connection{letter-spacing:.3px;color:#b2c3b2;align-items:center;gap:8px;font-size:11px;display:flex}.connection i,.turn-dot{background:#d7a365;border-radius:100%;flex-shrink:0;width:6px;height:6px}.connection.online i{background:#97b691;box-shadow:0 0 0 4px #96b5900d}.text-button{color:inherit;background:0 0;border-radius:1px;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--gold)}.circle-question{color:#b9c6b2;border:1px solid #82927b;border-radius:100%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.eyebrow{letter-spacing:2px;color:#6c7866;font-size:10px;font-weight:600;line-height:1.6}.eyebrow.light{color:var(--gold)}.eyebrow.light>span{vertical-align:middle;background:var(--gold);width:20px;height:1px;margin:0 12px 3px 0;display:inline-block}.home-main{flex:1;grid-template-columns:minmax(0,1fr) 418px;gap:60px 64px;width:min(1224px,100% - 96px);margin:0 auto;padding:61px 0 0;display:grid}.home-hero{min-width:0;padding:6px 0 0;position:relative}.hero-copy h1{letter-spacing:-2.8px;margin:21px 0 24px;font-size:clamp(48px,4.7vw,70px);line-height:1.08}.hero-copy h1 em{color:#dfbd87;font-weight:400}.hero-copy>p{color:#b4c5b4;font-size:14px;line-height:1.85}.hero-facts{color:#9db39f;align-items:center;gap:13px;margin-top:22px;font-size:10px;display:flex}.hero-facts i{background:#789b7b;border-radius:100%;width:3px;height:3px}.hero-art{height:260px;margin-top:28px;position:relative}.hero-art-ring{border:1px solid #ae98612b;border-radius:50%;width:350px;height:300px;position:absolute;top:-8px;left:15px;transform:rotate(-15deg)}.hero-art-ring:after{content:"";border:1px solid #ae986111;border-radius:50%;position:absolute;inset:12px}.hero-vertical{writing-mode:vertical-rl;letter-spacing:7px;font-family:var(--font-serif);color:#809b80;opacity:.65;font-size:16px;position:absolute;top:2px;right:6px}.card-fan{isolation:isolate;width:370px;height:204px;position:relative;top:14px;left:37px}.card-fan .hwatu-card{left:calc(var(--fan-index)*58px);top:calc((var(--fan-index) - 2)*(var(--fan-index) - 2)*7px);width:100px;height:162px;transform:rotate(calc((var(--fan-index) - 2)*11deg));transform-origin:50% 160%;animation:.6s both fan-arrive;animation-delay:calc(var(--fan-index)*55ms);position:absolute;box-shadow:-9px 6px 17px #031a1a77,0 2px #8b302a}.card-fan .card-month{display:none}.art-note{color:#9eb397;font-family:var(--font-serif);letter-spacing:.3px;align-items:center;gap:10px;font-size:12px;font-style:italic;display:flex;position:absolute;bottom:-2px;left:93px}.art-note>span{color:var(--gold);font-size:17px;font-style:normal}.go-seal{color:#dfb780;background:#193b2f;border:1px solid #d7b27977;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:83px;height:83px;display:flex;position:absolute;bottom:33px;right:35px;transform:rotate(-14deg);box-shadow:0 0 0 5px #c2a26b0d}.go-seal:before{content:"";border:1px dashed #d7b27966;border-radius:50%;position:absolute;inset:5px}.go-seal>span{letter-spacing:3px;font-size:24px}.go-seal>small{letter-spacing:1px;margin-top:5px;font-size:6px}.play-panel{background:var(--paper);color:var(--ink);border-radius:3px;align-self:start;padding:31px 34px 26px;position:relative;box-shadow:0 20px 55px #061b2340}.play-panel:after{content:"";z-index:0;background:#d6d2c0;border-radius:0 0 2px 2px;height:5px;position:absolute;bottom:-5px;left:16px;right:16px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.tiny-flower{color:#b9694a;display:flex}.tiny-flower svg{width:21px;height:21px}.play-panel h2{letter-spacing:-.8px;margin:17px 0 24px;font-size:37px;line-height:1.08}.mode-tabs{border-bottom:1px solid #d3d6c9;margin-bottom:23px;display:flex}.mode-tabs button{color:#7b8477;background:0 0;flex:1;padding:0 0 13px;font-size:12px;position:relative}.mode-tabs button.active{color:var(--ink);font-weight:600}.mode-tabs button.active:after{content:"";background:var(--forest);height:2px;position:absolute;bottom:-1px;left:0;right:0}.mode-tabs button:hover{color:var(--red)}.field-label{justify-content:space-between;align-items:center;gap:8px;margin:20px 0 9px;font-size:11px;font-weight:600;display:flex}.field-label>span{letter-spacing:1px;color:#8d9384;font-size:7px;font-weight:400}input{width:100%;min-height:42px;color:var(--ink);background:#fbf8ef;border:1px solid #d8dace;border-radius:2px;padding:11px 12px;display:block;outline-offset:3px!important}input::placeholder{color:#9ca28f}.seat-options{gap:10px;display:flex}.seat-options button{color:#637460;text-align:left;background:0 0;border:1px solid #d5d9ca;border-radius:3px;flex-direction:column;flex:1;align-items:flex-start;padding:13px 14px 12px;display:flex;position:relative}.seat-options button.active{color:var(--ink);background:#e7eadf;border:1px solid #658265}.seat-symbol{letter-spacing:4px;color:#5b795a;margin-bottom:9px;font-size:9px;line-height:1.1}.seat-options b{font-size:12px;font-weight:500}.seat-options small{color:#7d8876;margin-top:5px;font-size:9px}.selection-dot{border:1px solid #b4bea6;border-radius:100%;width:12px;height:12px;position:absolute;top:12px;right:12px}.active .selection-dot{background:#f4f3e8;border:4px solid #506b49}.difficulty-options{background:#e9eadd;border-radius:3px;gap:3px;padding:4px;display:flex}.difficulty-options button{text-align:left;color:#6b7764;background:0 0;border-radius:2px;flex:1;padding:8px 10px}.difficulty-options button.active{color:var(--ink);background:#fcfaf2;box-shadow:0 1px 5px #36513212}.difficulty-options button>span{font-size:11px;display:block}.difficulty-options button>span span{float:right;color:#a48b57;font-size:11px}.difficulty-options small{color:#828a79;margin-top:5px;font-size:9px;display:block}.button{border-radius:2px;justify-content:center;align-items:center;gap:13px;min-height:43px;padding:12px 17px;font-size:12px;font-weight:500;line-height:1.3;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{background:var(--forest);color:var(--paper)}.button.primary:hover:not(:disabled){background:#2c5940}.button.secondary{color:inherit;background:0 0;border:1px solid}.button.secondary:hover:not(:disabled){background:#84906e15}.button.danger{color:var(--paper);background:#aa493a}.start-button{justify-content:space-between;width:100%;min-height:47px;margin-top:26px}.panel-footnote{text-align:center;color:#8b927e;letter-spacing:.1px;margin-top:15px;font-size:8px}.field-description{color:#7b8672;min-height:87px;margin-top:20px;font-size:12px;line-height:1.7}.private-description{min-height:65px}.code-input{letter-spacing:8px;font-size:27px;font-family:var(--font-serif);text-align:center;height:70px}.home-bottom{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1.2fr 1.15fr;gap:35px;padding:27px 0 35px;display:grid}.home-bottom>div{align-items:flex-start;gap:18px;display:flex}.bottom-index{color:#9e946a;margin-top:4px;font-size:10px}.home-bottom b{font-family:var(--font-serif);color:#d8dfc8;font-size:17px;font-weight:400;display:block}.home-bottom p>span{color:#9aae98;margin-top:8px;font-size:10px;line-height:1.5;display:block}.site-footer{border-top:1px solid var(--line);color:#87a08d;letter-spacing:1.6px;justify-content:space-between;align-items:center;gap:20px;width:min(1320px,100% - 96px);margin:0 auto;padding:22px 0;font-size:8px;display:flex}.footer-flower{color:#b1a87c;margin:0 9px;font-size:11px}.site-footer button{letter-spacing:.2px;color:#9db39f;background:0 0;padding:2px 0;font-size:9px}.feedback{z-index:50;border-radius:4px;align-items:center;gap:25px;width:max-content;max-width:calc(100% - 32px);padding:15px 18px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0003}.feedback.error{color:#873c2d;background:#fbe9dc;border:1px solid #c8876c}.feedback.notice{background:var(--paper);color:var(--forest);border:1px solid #c5b788}.feedback button{color:inherit;background:0 0;padding:0 3px;font-size:20px}.connection-banner{color:#fff2d1;text-align:center;background:#927342;padding:12px 24px;font-size:12px}.dialog{background:var(--paper);width:560px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border:0;border-radius:4px;padding:0;overflow:auto;box-shadow:0 25px 100px #001c2170}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061e1bd9}.dialog-inner{padding:43px 38px 33px;position:relative}.dialog h2{letter-spacing:-.8px;margin:12px 0;font-size:35px;line-height:1.13}.dialog-intro{color:#75816c;margin:12px 0 24px;font-size:13px;line-height:1.8}.close-button{color:#78866f;background:0 0;width:31px;height:31px;font-size:26px;position:absolute;top:11px;right:13px}.dialog-buttons{gap:10px;margin-top:24px;display:flex}.dialog-buttons .button{flex:1}.rules-dialog{width:820px}.rules-dialog .dialog-inner{padding:42px}.rules-steps{border-top:1px solid #d5d9cb;border-bottom:1px solid #d5d9cb;grid-template-columns:repeat(3,1fr);gap:23px;margin:22px 0 28px;padding:24px 0;display:grid}.rules-steps b{color:#b18754;font-size:10px;font-weight:500}.rules-steps h3{margin:11px 0;font-size:19px}.rules-steps p,.rules-detail p{color:#68755f;font-size:12px;line-height:1.8}.rules-section-title{margin:0 0 19px;font-size:25px}.card-guide{grid-template-columns:1fr 1fr;gap:23px 28px;margin:0 0 30px;display:grid}.card-guide>div{gap:13px;display:flex}.card-guide .hwatu-card{flex-shrink:0;width:42px;height:66px}.card-guide h4{margin-bottom:5px;font-size:11px;font-weight:600}.card-guide p{color:#75816c;font-size:11px;line-height:1.7}.rules-detail{border-top:1px solid #d3d7c8;padding:15px 0;font-size:12px}.rules-detail summary{cursor:pointer;font-weight:600;line-height:1.6}.rules-detail>div{padding-top:13px}.rules-detail p+p{margin-top:10px}.rules-detail code{font-size:11px}.rules-sources{color:#87907d;margin:17px 0 25px;font-size:10px;line-height:1.8}.rules-sources h4{color:#63765c;margin-bottom:5px}.rules-sources p+p{margin-top:5px}.rules-sources a{text-underline-offset:2px}.hwatu-card{isolation:isolate;-webkit-user-select:none;user-select:none;background:#f9f3db;border:2px solid #241f1c;border-radius:4px;flex:none;width:61px;height:99px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px #c54738,0 4px 7px #06191633}.hwatu-card img{object-fit:fill;width:100%;height:100%;display:block}.hwatu-card .card-month{color:#fff7df;font-variant-numeric:tabular-nums;background:#172d21da;border-radius:0 2px 0 0;justify-content:center;align-items:center;min-width:17px;height:14px;font-size:8px;display:flex;position:absolute;bottom:0;left:0}.hwatu-card.small{border-width:1px;border-radius:2px;width:28px;height:44px}.hwatu-card.selected{outline-offset:3px;outline:2px solid #efc468;animation:1.6s infinite card-glow}.hwatu-card.matching{box-shadow:0 0 0 2px #d2bd74,0 2px #c54738,0 4px 7px #06191633}.hwatu-card:disabled{opacity:.8;cursor:default}.hwatu-card:not(:disabled):is(button):hover{transform:translateY(-9px);box-shadow:0 10px 18px #04150f55,0 2px #d6583c}.card-back{color:#ea987080;background:repeating-linear-gradient(35deg,#0000,#0000 3px,#f7866620 3px 4px),repeating-linear-gradient(-35deg,#aa2d29,#aa2d29 3px,#cc4b3520 3px 4px);border:2px solid #2a251e;border-radius:4px;flex:none;justify-content:center;align-items:center;width:61px;height:99px;display:flex;position:relative;box-shadow:0 2px #e28b69,0 4px 7px #06191633}.card-back:before{content:"";border:1px solid #e18b6555;border-radius:2px;position:absolute;inset:5px}.card-back>span{font-family:var(--font-serif);font-size:25px}.card-back.small{border-width:1px;border-radius:2px;width:24px;height:37px}.card-back.small:before{inset:3px}.card-back.small>span{font-size:11px}.lobby-main{text-align:center;flex:1;width:min(1060px,100% - 96px);margin:0 auto;padding:65px 0 80px}.lobby-main>h1{letter-spacing:-1.8px;margin:15px 0;font-size:56px}.lobby-intro{color:#a5b8a2;font-size:14px;line-height:1.8}.lobby-card{background:var(--paper);color:var(--ink);text-align:left;border-radius:3px;margin:37px 0 0;padding:28px 36px;box-shadow:0 20px 55px #061b2340}.lobby-card-top{border-bottom:1px solid #d5dac9;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px;display:flex}.room-code{font-family:var(--font-serif);letter-spacing:5px;margin-top:5px;font-size:34px}.lobby-seats{gap:18px;margin:27px 0;display:flex}.lobby-seat{text-align:center;background:#eaece0;border:1px dashed #bcc8ae;border-radius:3px;flex:1;min-width:0;padding:25px 15px;position:relative}.lobby-seat.ready{background:#e3e9d7;border-style:solid}.seat-avatar{width:50px;height:50px;font-family:var(--font-serif);color:#718767;border:1px solid #b5c4a7;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:25px;display:flex}.lobby-seat h3{font-family:var(--font-sans);overflow-wrap:anywhere;font-size:14px;font-weight:500}.lobby-seat h3 small,.session-standings small,.result-standings small{font-family:var(--font-sans);letter-spacing:1px;color:#8d9c7e;margin-left:7px;font-size:7px}.seat-status{color:#788c69;margin-top:10px;font-size:10px;display:block}.host-label{letter-spacing:1px;color:#7c8e6e;font-size:7px;position:absolute;top:12px;right:10px}.lobby-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.lobby-bottom>div>b{font-size:14px;font-weight:500;display:block}.lobby-bottom>div>span{color:#818c77;margin-top:7px;font-size:10px;line-height:1.8;display:block}.lobby-buttons{gap:10px;display:flex}.lobby-hint{text-align:center;color:#7e8a73;border-top:1px solid #d5dac9;margin-top:22px;padding-top:17px;font-size:10px;line-height:1.6}.loading-table{text-align:center;font-family:var(--font-serif);flex:1;padding:100px 24px;font-size:30px}.in-room .site-header{height:78px}.in-room .site-footer{margin-top:35px}.game-main{flex:1;width:min(1320px,100% - 96px);margin:0 auto;padding-top:28px}.table-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.table-heading h1{letter-spacing:-.5px;margin-top:6px;font-size:26px}.table-meta{align-items:center;gap:27px;display:flex}.table-meta>span,.table-meta>button{color:#93ad95;letter-spacing:1.2px;background:0 0;padding:0;font-size:8px}.table-meta b{letter-spacing:.4px;color:#e1dfc4;margin-top:7px;font-size:13px;font-weight:500;display:block}.table-meta .nagari-chip{color:#d6b878;background:#ad986633;border:1px solid #c5a66c55;border-radius:3px;padding:7px}.table-layout{grid-template-columns:minmax(0,1fr) 225px;gap:28px;display:grid}.playing-area{min-width:0}.opponents{gap:20px;margin-bottom:17px;display:flex}.opponent-panel{background:#25503a3a;border:1px solid #6d916633;border-radius:3px;flex:1;min-width:0;padding:15px 17px 12px}.player-summary{align-items:center;gap:10px;min-width:0;display:flex}.player-avatar{color:#bacead;width:31px;height:31px;font-family:var(--font-serif);background:#799a6d24;border:1px solid #7d986d55;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.is-current .player-avatar{color:#f1cf8b;background:#b7a36424;border-color:#c4a66b;box-shadow:0 0 0 4px #d2b9770b}.player-identity{flex:1;min-width:0}.player-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.player-identity strong>span{letter-spacing:1px;color:#90a888;margin-left:6px;font-size:7px}.player-identity small{color:#829f82;text-transform:capitalize;margin-top:5px;font-size:8px;display:block}.score-details{flex-shrink:0;position:relative}.score-details summary{font-family:var(--font-serif);cursor:pointer;color:#e5ce96;white-space:nowrap;font-size:23px;list-style:none}.score-details summary::-webkit-details-marker{display:none}.score-details summary>span{font-family:var(--font-sans);color:#a2b59b;margin-left:2px;font-size:8px}.score-popover{z-index:15;background:var(--paper);color:var(--forest);border-radius:3px;width:190px;padding:17px;font-size:10px;position:absolute;top:34px;right:0;box-shadow:0 5px 20px #031b1966}.score-popover>b{margin-bottom:11px;font-size:11px;display:block}.score-popover>div{color:#748269;justify-content:space-between;padding:3px 0;display:flex}.score-popover>div strong{color:#365333;font-weight:500}.score-popover .score-total{border-top:1px solid #cad1be;margin-top:5px;padding-top:8px;font-weight:700}.session-score{color:#adbf9c;text-align:right;border-left:1px solid #76926a44;min-width:32px;margin-left:3px;padding-left:10px;font-size:11px}.session-score>small{color:#749371;margin-top:4px;font-size:7px;display:block}.opponent-hand{align-items:center;padding:13px 0 11px 3px;display:flex}.opponent-hand .card-back+.card-back{margin-left:-6px}.opponent-hand>span{letter-spacing:.3px;color:#829f7f;margin-left:13px;font-size:8px}.revealed-hand{align-items:center;gap:3px;margin-bottom:10px;display:flex}.revealed-hand>span{color:#bca675;margin-right:6px;font-size:8px}.captures{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.capture-label{color:#8ea584;letter-spacing:.2px;border-top:1px solid #8f9e6a22;justify-content:space-between;align-items:center;margin-bottom:6px;padding-top:8px;font-size:8px;display:flex}.capture-label b{color:#bfcca7;font-size:10px;font-weight:400}.capture-cards{flex-wrap:wrap;row-gap:4px;min-height:44px;padding-left:0;display:flex}.capture-cards .hwatu-card+.hwatu-card{margin-left:-12px}.empty-capture{color:#75916c4d;padding-top:5px;font-size:13px;display:block}.captures.compact{gap:10px}.compact .capture-cards{min-height:33px}.compact .hwatu-card{width:22px;height:35px}.compact .capture-cards .hwatu-card+.hwatu-card{margin-left:-13px}.felt-table{isolation:isolate;background:radial-gradient(#43724b35,#0000 73%),#24503987;border:1px solid #92a87841;border-radius:7px;align-items:center;gap:20px;min-height:265px;padding:23px 30px;display:flex;position:relative;box-shadow:inset 0 0 45px #0d261d4d}.felt-table:before{content:"";pointer-events:none;border:1px solid #8ba06a19;border-radius:3px;position:absolute;inset:7px}.felt-corner{z-index:-1;opacity:.6;width:26px;height:26px;position:absolute}.felt-corner.top-left{border-top:1px solid #b3a56a;border-left:1px solid #b3a56a;top:12px;left:12px}.felt-corner.bottom-right{border-bottom:1px solid #b3a56a;border-right:1px solid #b3a56a;bottom:12px;right:12px}.stock-area{text-align:center;flex-shrink:0;align-self:center;min-width:67px}.deck-stack{isolation:isolate;margin:0 5px 8px 0;display:inline-block;position:relative}.deck-stack:before,.deck-stack:after{content:"";z-index:-1;background:#aa3c30;border:1px solid #2a261e;border-radius:3px;width:100%;height:100%;position:absolute;top:-2px;left:3px}.deck-stack:after{z-index:-2;top:-4px;left:6px}.stock-area>b{font-family:var(--font-serif);color:#d8d4af;font-size:19px;font-weight:400;display:block}.stock-area>span{color:#8ea280;letter-spacing:1px;margin-top:4px;font-size:6px;display:block}.last-draw{margin-top:13px}.last-draw .hwatu-card{width:44px;height:70px;margin:auto}.last-draw small{color:#c6b783;letter-spacing:1px;margin-top:7px;font-size:6px;display:block}.table-center{flex:1;min-width:0;position:relative}.table-watermark{color:#91ab6620;z-index:-1;flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-watermark svg{width:90px;height:90px}.table-watermark span{letter-spacing:9px;font-size:21px}.table-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:17px 19px;min-height:200px;display:flex;position:relative}.month-group{gap:4px;display:flex;position:relative}.month-group .hwatu-card+.hwatu-card{margin-left:-20px}.ppeok-pile{padding-bottom:12px}.ppeok-label{letter-spacing:1px;color:#e0b38b;font-size:6px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.clear-table-note{color:#96b08b;text-align:center;font-family:var(--font-serif);width:100%;font-size:14px;line-height:1.7;position:absolute;top:40%}.played-area{text-align:center;flex-shrink:0;align-self:center}.played-area>span{letter-spacing:1px;color:#b6ad7d;margin-bottom:10px;font-size:7px;display:block}.played-area .hwatu-card{width:45px;height:72px}.turn-prompt{color:#94ab8d;align-items:center;gap:9px;min-height:46px;padding:9px 6px;font-size:11px;display:flex}.turn-prompt.your-turn{color:#daca99}.turn-prompt.your-turn .turn-dot{background:#d9bc7b;box-shadow:0 0 0 4px #d9bc7b11}.turn-prompt .turn-dot{background:#789776}.turn-prompt>.text-button{white-space:nowrap;margin-left:auto;font-size:10px}.your-area{background:#244d3638;border:1px solid #83a0702b;border-radius:3px;padding:17px 21px 18px}.your-area .player-avatar{width:32px;height:32px}.your-hand{flex-wrap:wrap;justify-content:center;gap:10px;min-height:138px;padding:23px 0 15px;display:flex}.your-hand .hwatu-card{width:59px;height:95px}.your-hand .hwatu-card:disabled{opacity:.86}.hand-caption{color:#78936c;letter-spacing:.7px;justify-content:space-between;gap:12px;padding:0 0 17px;font-size:7px;display:flex}.hand-caption>span+span{font-size:9px;font-family:var(--font-serif);letter-spacing:.2px;color:#97ab83;font-style:italic}.hand-empty{font-family:var(--font-serif);color:#94ab80;align-self:center;font-size:16px}.special-actions{flex-wrap:wrap;gap:10px;padding:0 0 18px;display:flex}.special-actions .button{color:#d4c398;border-color:#ac9f6255;min-height:33px;padding:8px 12px;font-size:10px}.decision-panel{background:#4a62403a;border:1px solid #b1a46477;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;padding:19px;display:flex}.decision-panel h2{margin-top:5px;font-size:22px}.decision-panel .eyebrow{letter-spacing:1px;font-size:8px}.decision-buttons{gap:10px;display:flex}.decision-buttons>.button{min-width:99px;font-family:var(--font-serif);flex-direction:column;gap:4px;padding:11px 17px;font-size:24px}.decision-buttons>.button small{font-family:var(--font-sans);font-size:7px}.go-button{color:#294930;background:#d9bb7f}.stop-button{color:#fff0d0;background:#b44a36}.cup-choice p{color:#a7b296;margin-top:8px;font-size:11px;line-height:1.7}.cup-choice .button{font-family:var(--font-sans);font-size:12px}.table-sidebar{border-left:1px solid var(--line);min-width:0;padding-left:25px}.sidebar-heading{justify-content:space-between;align-items:center;padding:3px 0 23px;display:flex}.sidebar-heading svg{color:#bda578;width:18px;height:18px}.sidebar-heading .eyebrow{letter-spacing:1.7px;font-size:8px}.table-notes h3{color:#ddd7b6;max-width:165px;font-size:24px;line-height:1.2}.table-notes p{color:#92a988;margin-top:14px;font-size:10px;line-height:1.8}.score-target{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:19px 0 23px;display:flex}.score-target>span{font-family:var(--font-serif);color:#c4b584;font-size:49px;line-height:1}.score-target>div{letter-spacing:1.3px;color:#8da080;font-size:7px;line-height:1.8}.session-standings{border-bottom:1px solid var(--line);padding:23px 0}.session-standings>.eyebrow{letter-spacing:1.5px;margin-bottom:15px;font-size:8px;display:block}.session-standings>div{color:#a7b89a;justify-content:space-between;align-items:center;gap:5px;margin-top:12px;font-size:10px;display:flex}.session-standings>div>span{overflow-wrap:anywhere}.session-standings b{color:#d3c590;font-weight:400;font-family:var(--font-serif);font-size:17px}.table-journal{padding-top:23px}.table-journal>.eyebrow{letter-spacing:1.5px;font-size:8px}.table-journal ol{margin:20px 0 0;padding:0 0 0 2px;list-style:none;position:relative}.table-journal ol:before{content:"";background:#a2ac7222;width:1px;position:absolute;top:3px;bottom:8px;left:4px}.table-journal li{color:#78956e;padding:0 0 17px 17px;font-size:9px;line-height:1.7;position:relative}.table-journal li i{background:#668758;border-radius:100%;width:5px;height:5px;position:absolute;top:5px;left:0}.table-journal li.latest{color:#c3c393}.table-journal li.latest i{background:#c3ae6d}.table-journal>p{color:#829776;margin-top:20px;font-size:10px}.paused-banner{color:#d8c796;background:#a78a4b29;border:1px solid #b69d6544;border-radius:3px;flex-wrap:wrap;gap:13px;margin-bottom:20px;padding:13px 17px;font-size:11px;display:flex}.paused-banner small{color:#acb29a;font-size:10px}.results-dialog .dialog-inner{text-align:center}.result-flower{color:#ba684b;justify-content:center;margin-bottom:19px;display:flex}.result-flower svg{width:40px;height:40px}.results-dialog h2{font-size:35px}.result-standings{text-align:left;border-top:1px solid #d4d9c8;margin:25px 0 23px}.result-standings>div{border-bottom:1px solid #d4d9c8;grid-template-columns:1fr 90px 60px;align-items:center;gap:15px;padding:15px 9px;font-size:12px;display:grid}.result-standings>div.winner{background:#e6eadb}.result-standings>div>span{overflow-wrap:anywhere}.result-standings b{font-size:20px;font-family:var(--font-serif);text-align:right;font-weight:400}.result-standings strong{text-align:right;font-size:16px;font-weight:400}.result-standings b small,.result-standings strong small{letter-spacing:.4px;margin:3px 0 0;font-size:7px;font-weight:400;display:block}.results-dialog .rules-detail{text-align:left}.result-back{color:#879378;margin:20px auto 0;font-size:10px}.rematch-ready{color:#819072;margin:19px 0 0;font-size:10px}.rematch-ready+.dialog-buttons{margin-top:14px}@keyframes card-glow{0%,to{outline-color:#efc468}50%{outline-color:#efc46855}}@keyframes fan-arrive{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}@media (min-width:1450px){.home-main{gap:65px 80px;padding-top:78px;padding-bottom:8px}.home-hero{padding-top:15px}.hero-art{margin-top:42px}.home-bottom{padding-top:33px;padding-bottom:38px}.hero-copy h1{font-size:73px}}@media (max-width:1200px){.site-header,.site-footer,.game-main{width:calc(100% - 64px)}.home-main{grid-template-columns:minmax(0,1fr) 365px;gap:45px;width:calc(100% - 80px);padding-top:45px}.play-panel{padding:27px}.hero-copy h1{font-size:58px}.hero-facts{gap:10px;font-size:9px}.card-fan{transform-origin:0 35%;left:18px;transform:scale(.85)}.hero-art-ring{width:300px;height:270px;left:0}.hero-art{height:245px}.go-seal{width:70px;height:70px;bottom:18px;right:8px}.go-seal>span{font-size:20px}.go-seal>small{font-size:5px}.hero-vertical{font-size:12px;right:0}.art-note{bottom:3px;left:47px}.hero-facts>span:last-child,.hero-facts>i:last-of-type{display:none}.home-bottom{gap:25px}.home-bottom>div{gap:12px}.table-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.table-sidebar{padding-left:19px}.opponent-panel{padding:12px}.felt-table{gap:16px;padding:22px 20px}.hwatu-card{width:55px;height:89px}.table-cards{gap:15px}.your-hand{gap:8px}.your-hand .hwatu-card{width:53px;height:86px}.session-score{display:none}.table-meta{gap:18px}.opponents{gap:14px}}@media (max-width:1000px){.home-main{grid-template-columns:minmax(0,1fr) 345px;gap:35px;width:calc(100% - 64px)}.hero-copy h1{letter-spacing:-2px;font-size:49px}.hero-copy>p{font-size:12px}.play-panel{padding:25px}.play-panel h2{font-size:34px}.hero-art{margin-top:50px}.hero-art-ring{width:260px;height:250px;left:-10px}.card-fan{transform-origin:0 20%;width:300px;left:6px;transform:scale(.7)}.go-seal{width:63px;height:63px;bottom:25px;right:-8px}.hero-vertical{top:-35px;right:0}.art-note{font-size:11px;bottom:19px;left:30px}.home-bottom b{font-size:15px}.home-bottom p>span{font-size:9px}.table-layout{grid-template-columns:1fr}.table-sidebar{border-left:0;border-top:1px solid var(--line);grid-template-columns:170px 1fr;gap:20px;padding:22px 0 0;display:grid}.sidebar-heading,.table-notes{display:none}.session-standings{border-bottom:0;border-right:1px solid var(--line);padding:0 20px 0 0}.table-journal{padding:0}.table-journal ol{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:12px;display:grid}.table-journal li{padding-bottom:10px}.table-journal li:nth-child(n+5),.table-journal ol:before{display:none}.opponent-panel{padding:15px 19px}.felt-table{min-height:280px}.table-cards{gap:20px}.your-hand .hwatu-card{width:59px;height:95px}.your-hand{gap:10px}.game-main{padding-top:24px}.table-heading{margin-bottom:22px}.table-heading h1{font-size:23px}.lobby-main{width:calc(100% - 64px)}}@media (max-width:800px){.site-header{height:80px}.home-main{grid-template-columns:1fr;gap:40px;width:calc(100% - 56px);max-width:560px;padding-top:39px}.home-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-copy h1{letter-spacing:-2.5px;margin-top:18px;margin-bottom:17px;font-size:62px}.hero-copy>p{font-size:13px}.hero-copy .eyebrow{font-size:9px}.hero-facts{justify-content:center;margin-top:20px}.hero-facts>span:last-child,.hero-facts>i:last-of-type{display:block}.hero-art{width:390px;max-width:100%;height:240px;margin-top:28px}.hero-art-ring{width:300px;height:250px;top:0;left:44px}.card-fan{transform-origin:0 20%;left:30px;transform:scale(.84)}.go-seal{bottom:18px;right:1px}.hero-vertical{top:0;right:0}.art-note{bottom:-2px;left:75px}.play-panel{justify-self:center;width:100%;max-width:460px;padding:30px}.play-panel h2{font-size:37px}.home-bottom{grid-template-columns:1fr;gap:25px;padding:27px 0 12px}.home-bottom>div{gap:20px}.home-bottom b{font-size:17px}.home-bottom p>span{margin-top:5px;font-size:11px}.site-footer{text-align:center;flex-direction:column;gap:14px;width:calc(100% - 56px);margin-top:24px;padding:20px 0;font-size:7px}.wordmark{font-size:21px}.wordmark small{font-size:11px}.header-actions{gap:20px}.header-actions .connection{display:none}.site-header,.game-main{width:calc(100% - 40px)}.in-room .wordmark{gap:8px;font-size:18px}.in-room .brand-flower svg{width:25px;height:25px}.in-room .wordmark small{display:none}.in-room .wordmark-slash{padding:0 5px}.in-room .header-actions{gap:15px}.in-room .text-button{font-size:10px}.in-room .circle-question{display:none}.table-heading{align-items:flex-start;gap:12px}.table-heading h1{max-width:220px;font-size:24px;line-height:1.2}.table-heading .eyebrow{font-size:8px}.table-meta{flex-wrap:wrap;justify-content:flex-end;gap:14px;max-width:185px}.table-meta>span,.table-meta>button{font-size:7px}.table-meta b{font-size:11px}.table-meta .nagari-chip{padding:4px;font-size:6px}.opponent-panel{padding:12px}.player-identity strong{font-size:11px}.player-identity small{font-size:7px}.player-avatar{width:26px;height:26px;font-size:12px}.score-details summary{font-size:21px}.score-details summary>span{font-size:7px}.opponent-panel .score-details summary>span{margin-top:2px;display:block}.player-summary{gap:8px}.opponents-2 .captures{gap:7px}.opponents-2 .capture-label{font-size:7px}.opponents-2 .compact .hwatu-card{width:19px;height:30px}.opponents-2 .compact .capture-cards .hwatu-card+.hwatu-card{margin-left:-14px}.opponents-2 .opponent-hand .card-back+.card-back{margin-left:-10px}.opponents-2 .opponent-hand>span{margin-left:8px;font-size:7px}.table-cards{gap:14px}.felt-table{gap:13px;min-height:264px;padding:23px 17px}.stock-area{min-width:50px}.stock-area .card-back{width:46px;height:76px}.stock-area>span{letter-spacing:.6px;font-size:5px}.hwatu-card{width:49px;height:80px}.month-group .hwatu-card+.hwatu-card{margin-left:-23px}.your-hand{gap:7px;min-height:127px}.your-hand .hwatu-card{width:49px;height:80px}.your-area{padding:15px}.decision-panel{gap:12px;padding:15px}.decision-panel h2{font-size:20px;line-height:1.2}.decision-buttons{gap:7px}.decision-buttons>.button{min-width:80px;padding:10px 12px;font-size:22px}.cup-choice .button{font-size:11px}.lobby-main{width:calc(100% - 40px);padding-top:45px}.lobby-main>h1{font-size:42px}.lobby-intro{font-size:12px}.lobby-card{padding:23px}.lobby-bottom{text-align:center;flex-direction:column}.lobby-seats{gap:12px}.lobby-seat{padding:23px 10px}.lobby-seat h3{font-size:12px}.lobby-seat h3 small{margin:5px 0;display:block}.seat-status{font-size:9px;line-height:1.7}.lobby-buttons{width:100%}.lobby-buttons .button{flex:1}.lobby-hint{font-size:10px}.rules-dialog .dialog-inner{padding:35px 27px}.rules-steps{gap:16px}.rules-steps h3{font-size:17px}.rules-steps p{font-size:11px}.card-guide{gap:20px}.rules-dialog h2{max-width:480px;font-size:34px}.rules-dialog .dialog-intro{font-size:12px}.hero-art .hwatu-card{width:100px;height:162px}}@media (max-width:550px){.site-header{height:73px}.site-header,.game-main{width:calc(100% - 28px)}.wordmark{gap:10px;font-size:19px}.brand-flower svg{width:26px;height:26px}.wordmark small{margin-left:6px;font-size:10px}.header-actions{gap:10px}.text-button{font-size:10px}.home-main{gap:34px;width:calc(100% - 40px);padding-top:34px}.hero-copy h1{font-size:53px;line-height:1.08}.hero-copy>p{font-size:12px}.hero-facts{gap:8px;font-size:8px}.hero-art{width:325px;height:223px;margin-top:24px}.hero-art-ring{width:258px;height:227px;left:27px}.card-fan{top:16px;left:12px;transform:scale(.76)}.hero-vertical{font-size:10px;top:6px;right:-3px}.go-seal{width:59px;height:59px;bottom:17px;right:-4px}.go-seal>span{font-size:17px}.go-seal>small{font-size:4px}.art-note{font-size:10px;bottom:-1px;left:54px}.play-panel{padding:25px 24px}.play-panel h2{font-size:34px}.field-label>span{letter-spacing:.9px;font-size:6px}.panel-footnote{font-size:7px}.home-bottom{padding-top:24px}.site-footer{width:calc(100% - 40px)}.in-room .site-header{gap:12px;height:67px}.in-room .header-actions{gap:14px}.in-room .text-button{font-size:9px}.in-room .wordmark{gap:8px;font-size:16px}.in-room .brand-flower svg{width:22px;height:22px}.game-main{padding-top:22px}.table-heading{margin-bottom:19px}.table-heading h1{max-width:180px;font-size:21px}.table-meta{gap:10px;max-width:150px}.table-meta b{letter-spacing:0;font-size:10px}.table-meta>span,.table-meta>button{letter-spacing:.8px;font-size:6px}.table-meta .nagari-chip{font-size:5px}.opponents{gap:9px;margin-bottom:12px}.opponent-panel{padding:10px}.opponents-2 .player-summary{gap:6px}.opponents-2 .player-avatar{width:22px;height:22px;font-size:10px}.opponents-2 .player-identity strong{font-size:10px}.opponents-2 .player-identity small{font-size:6px}.opponents-2 .score-details summary{font-size:20px}.opponents-2 .score-details summary>span{font-size:6px}.opponents-2 .opponent-hand .card-back{width:19px;height:30px}.opponents-2 .opponent-hand .card-back+.card-back{margin-left:-10px}.opponents-2 .opponent-hand>span{margin-left:6px;font-size:6px}.opponents-2 .captures{gap:4px}.opponents-2 .capture-label{letter-spacing:-.1px;font-size:6px}.opponents-2 .capture-label b{font-size:8px}.opponents-2 .compact .hwatu-card{width:17px;height:27px}.opponents-2 .compact .capture-cards .hwatu-card+.hwatu-card{margin-left:-14px}.opponents-2 .compact .capture-cards{min-height:28px}.opponents-2 .revealed-hand{gap:0}.opponents-2 .revealed-hand>span{margin-right:4px;font-size:6px}.revealed-hand .hwatu-card.small{width:19px;height:31px}.felt-table{gap:10px;min-height:247px;padding:20px 12px}.stock-area{min-width:33px}.stock-area .card-back{width:33px;height:54px}.stock-area .card-back:before{inset:3px}.stock-area .card-back>span{font-size:17px}.stock-area>span{letter-spacing:.3px;font-size:4px}.stock-area>b{font-size:17px}.deck-stack{margin-right:4px}.deck-stack:before{top:-2px;left:2px}.deck-stack:after{top:-4px;left:4px}.table-cards{gap:14px 13px;min-height:196px}.felt-table .hwatu-card{border-radius:3px;width:42px;height:68px}.month-group{gap:3px}.month-group .hwatu-card+.hwatu-card{margin-left:-25px}.hwatu-card .card-month{min-width:12px;height:11px;font-size:6px}.played-area .hwatu-card{width:31px;height:50px}.played-area>span{letter-spacing:.6px;margin-bottom:7px;font-size:5px}.last-draw .hwatu-card{width:30px;height:49px}.last-draw small{letter-spacing:.5px;margin-top:6px;font-size:4px}.table-watermark svg{width:60px;height:60px}.table-watermark span{letter-spacing:6px;font-size:14px}.turn-prompt{min-height:48px;padding:9px 3px;font-size:10px;line-height:1.6}.turn-dot{width:5px;height:5px}.turn-prompt>.text-button{font-size:8px}.your-area{padding:13px 12px}.your-hand{gap:8px;min-height:115px;padding:22px 0 15px}.your-hand .hwatu-card{width:48px;height:78px}.hand-caption{letter-spacing:.5px;flex-wrap:wrap;gap:7px;padding-bottom:13px;font-size:6px}.hand-caption>span+span{letter-spacing:0;font-size:8px}.captures{gap:12px}.capture-label{font-size:7px}.capture-cards .hwatu-card.small{width:24px;height:39px}.capture-cards .hwatu-card+.hwatu-card{margin-left:-16px}.decision-panel{flex-direction:column;align-items:stretch;gap:17px;padding:17px}.decision-panel h2{font-size:22px}.decision-buttons .button{flex:1;min-height:64px}.cup-choice .decision-buttons .button{min-height:43px}.table-sidebar{grid-template-columns:120px 1fr;gap:18px;padding-top:19px}.session-standings{padding-right:15px}.session-standings>.eyebrow,.table-journal>.eyebrow{letter-spacing:1px;font-size:7px}.session-standings>div{font-size:9px}.session-standings small{margin:3px 0;font-size:5px;display:block}.session-standings b{font-size:16px}.table-journal ol{grid-template-columns:1fr}.table-journal li{padding-bottom:10px;padding-left:13px;font-size:8px;line-height:1.7}.table-journal li:nth-child(n+4){display:none}.paused-banner{gap:6px;padding:12px;font-size:10px}.paused-banner small{font-size:9px}.dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-inner,.rules-dialog .dialog-inner{padding:36px 23px 26px}.dialog h2,.rules-dialog h2{margin-top:13px;font-size:29px;line-height:1.15}.dialog-intro{font-size:12px}.rules-steps{grid-template-columns:1fr;gap:23px;padding:22px 0}.rules-steps h3{margin:8px 0;font-size:21px}.rules-steps p{font-size:12px}.card-guide{grid-template-columns:1fr;gap:22px}.card-guide p,.card-guide h4{font-size:12px}.card-guide .hwatu-card{width:43px;height:68px}.rules-detail,.rules-detail p{font-size:11px}.rules-section-title{font-size:24px}.rules-sources{font-size:9px}.dialog-buttons{flex-wrap:wrap}.dialog-buttons>.button{font-size:10px}.result-standings>div{grid-template-columns:1fr 70px 45px;gap:10px;padding:13px 8px;font-size:11px}.result-standings b{font-size:20px}.result-standings strong{font-size:15px}.result-standings small{font-size:6px}.result-standings>div>span small{margin:5px 0 0;display:block}.lobby-main{width:calc(100% - 28px);padding-top:37px;padding-bottom:40px}.lobby-main>h1{font-size:36px}.lobby-main>.eyebrow{font-size:8px}.lobby-intro{max-width:280px;margin:auto;font-size:11px}.lobby-card{margin-top:28px;padding:19px 16px}.lobby-card-top{gap:10px;padding-bottom:18px}.lobby-card-top .eyebrow{letter-spacing:1.3px;font-size:8px}.room-code{letter-spacing:3px;font-size:27px}.lobby-card-top .button{gap:7px;min-height:37px;padding:9px;font-size:9px}.lobby-card-top .button svg{width:14px;height:14px}.lobby-seats{gap:8px;margin:20px 0}.lobby-seat{padding:22px 8px 16px}.seat-avatar{width:37px;height:37px;margin-bottom:12px;font-size:18px}.lobby-seat h3{font-size:10px;line-height:1.6}.lobby-seat h3 small{font-size:6px}.seat-status{margin-top:8px;font-size:7px;line-height:1.6}.host-label{font-size:5px;top:9px;right:8px}.lobby-bottom>div>b{font-size:13px}.lobby-bottom>div>span{font-size:8px}.lobby-buttons{gap:9px}.lobby-buttons .button{gap:7px;padding:11px 10px;font-size:9px}.lobby-buttons .button svg{width:15px}.lobby-hint{font-size:9px}.feedback{padding:12px 15px;font-size:11px;bottom:15px}.hand-empty{text-align:center;font-size:13px;line-height:1.7}.clear-table-note{font-size:12px}}@media (max-width:360px){.home-main{width:calc(100% - 28px)}.home-hero .hero-copy h1{font-size:45px}.hero-art{width:280px;height:205px}.card-fan{left:5px;transform:scale(.66)}.hero-art-ring{width:234px;height:205px;left:19px}.hero-vertical{right:-1px}.art-note{font-size:9px;left:37px}.go-seal{width:53px;height:53px;bottom:14px;right:0}.go-seal>span{font-size:16px}.go-seal>small{font-size:3px}.wordmark{gap:7px;font-size:17px}.wordmark small{display:none}.site-header .text-button{font-size:9px}.play-panel{padding:23px 20px}.hero-facts{font-size:7px}.hero-copy .eyebrow{letter-spacing:1.7px;font-size:7px}.home-main{gap:28px}.table-meta{gap:9px;max-width:120px}.table-heading h1{font-size:18px}.table-heading .eyebrow{font-size:7px}.in-room .wordmark{font-size:14px}.in-room .header-actions{gap:10px}.in-room .header-actions .text-button{font-size:8px}.in-room .brand-flower svg{width:19px}.opponents-2 .player-avatar{display:none}.opponents-2 .opponent-panel{padding:9px}.opponents-2 .opponent-hand>span{margin-left:5px;font-size:5px}.opponents-2 .opponent-hand .card-back{width:17px;height:27px}.opponents-2 .opponent-hand .card-back+.card-back{margin-left:-10px}.opponents-2 .capture-label{font-size:5px}.table-cards{gap:13px 10px}.felt-table .hwatu-card{width:36px;height:58px}.month-group .hwatu-card+.hwatu-card{margin-left:-22px}.your-hand{gap:7px}.your-hand .hwatu-card{width:44px;height:71px}.hero-art .hwatu-card{width:100px;height:162px}.result-standings>div{font-size:10px}.site-footer>span{letter-spacing:1.2px;font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hwatu-card:not(:disabled):is(button):hover{transform:none}}.dialog{margin:auto}.your-hand .hwatu-card,.capture-cards .hwatu-card{animation:.22s ease-out both card-arrive}@keyframes card-arrive{0%{opacity:.25;translate:0 7px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.your-hand .hwatu-card,.capture-cards .hwatu-card{animation:none}}.card-fan{left:68px}.card-fan .hwatu-card{transform-origin:50% 100%}@media (max-width:1200px){.card-fan{left:62px}}@media (max-width:1000px){.card-fan{left:56px}}@media (max-width:800px){.card-fan{left:48px}}@media (max-width:550px){.card-fan{left:40px;transform:scale(.7)}.site-header .text-button,.in-room .header-actions .text-button{min-height:36px;font-size:10px}.player-identity strong,.opponents-2 .player-identity strong{font-size:11px}.player-identity small,.opponents-2 .player-identity small{margin-top:4px;font-size:10px;line-height:1.4}.player-identity strong>span{font-size:9px}.score-details summary>span,.opponents-2 .score-details summary>span{font-size:10px}.opponents-2 .player-summary{align-items:flex-start;gap:7px}.opponents-2 .player-avatar{display:none}.opponent-hand>span,.opponents-2 .opponent-hand>span{white-space:nowrap;margin-left:7px;font-size:10px}.opponents-2 .captures{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.capture-label,.opponents-2 .capture-label{letter-spacing:0;padding-top:8px;font-size:10px}.capture-label b,.opponents-2 .capture-label b{font-size:11px}.opponents-2 .compact .hwatu-card{width:20px;height:32px}.opponents-2 .compact .capture-cards{min-height:32px}.opponents-2 .compact .capture-cards .hwatu-card+.hwatu-card{margin-left:-12px}.revealed-hand>span,.opponents-2 .revealed-hand>span{font-size:10px}.opponents-2 .revealed-hand{flex-wrap:wrap;gap:3px}.table-heading .eyebrow{letter-spacing:.8px;font-size:10px}.table-meta>span,.table-meta>button{letter-spacing:.5px;font-size:9px}.table-meta b{font-size:11px}.table-meta .nagari-chip{font-size:9px}.turn-prompt{padding:12px 3px;font-size:12px;line-height:1.5}.turn-prompt>.text-button{font-size:10px}.hand-caption,.hand-caption>span+span{letter-spacing:0;font-size:10px;line-height:1.5}.session-standings>.eyebrow,.table-journal>.eyebrow{letter-spacing:.5px;font-size:10px}.session-standings>div,.table-journal li{font-size:11px}.session-standings small{font-size:9px}.stock-area>span{letter-spacing:0;max-width:38px;font-size:8px;line-height:1.5}.last-draw small,.played-area>span,.ppeok-label{letter-spacing:0;font-size:9px}.table-meta{max-width:145px}.table-heading h1{max-width:175px}.seat-status{font-size:10px}.lobby-seat h3{font-size:12px}.lobby-seat h3 small,.host-label{font-size:9px}.lobby-card-top .eyebrow{font-size:10px}.lobby-card-top .button,.lobby-buttons .button,.lobby-hint,.lobby-bottom>div>span{font-size:11px}.field-label{font-size:12px}.field-label>span{letter-spacing:.2px;font-size:9px}.seat-options small,.difficulty-options small,.panel-footnote{font-size:10px}.seat-options b,.difficulty-options button>span,.mode-tabs button{font-size:13px}}@media (max-width:360px){.card-fan{left:34px;transform:scale(.6)}.table-meta{max-width:130px}.table-heading h1{max-width:145px;font-size:19px}.opponents-2 .opponent-hand>span{margin-left:5px;font-size:10px}.opponents-2 .capture-label{font-size:10px}.field-label>span{font-size:8px}.lobby-card-top .button{font-size:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
