:root{--ui-paper:#f8f3e6;--ui-card:#fdfaf2;--ui-ink:#2a2520;--ui-muted:#776f62;--ui-line:#d4c9b5;--ui-seal:#c23b2a}body{background-color:var(--ui-paper);color:var(--ui-ink);background-image:repeating-linear-gradient(0deg,#0000 0 5px,#89725204 5px 6px),radial-gradient(at 20% 10%,#fff8 0,#0000 55%)}.hanji-header{background:var(--ui-paper);border-color:var(--ui-line);-webkit-backdrop-filter:none;backdrop-filter:none}.hanji-header-inner{max-width:1180px;height:44px;min-height:44px}.hanji-header a,.hanji-header button{border-radius:8px}.hanji-header .hanji-desktop-nav{align-items:center;gap:6px;min-width:0;display:flex}.hanji-desktop-nav a,.hanji-playground-trigger{white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:650;display:flex}.hanji-playground-trigger{color:var(--ui-seal);gap:8px}.hanji-desktop-nav a:hover,.hanji-mobile-nav a:hover,.hanji-playground-trigger:hover{background:#e9ddc666}.hanji-header [aria-current=page]{color:var(--ui-seal)}.hanji-playground-panel{border:1.5px solid var(--ui-line);background:var(--ui-card);z-index:70;border-radius:8px;width:min(440px,100vw - 24px);padding:16px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #2a252017}.hanji-menu-caption{color:var(--ui-muted);padding:0 4px 10px;font-size:12px}.hanji-playground-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.hanji-playground-grid a{white-space:normal;text-align:center;flex-direction:column;gap:6px;padding:10px 4px;font-size:12px}.hanji-playground-grid img{object-fit:cover;border-radius:8px;width:48px;height:48px}.hanji-mobile-nav{scrollbar-width:none;align-items:center;gap:4px;height:44px;padding:0 10px;display:flex;overflow-x:auto}.hanji-mobile-nav a{white-space:nowrap;flex-shrink:0;align-items:center;min-height:44px;padding:0 10px;font-size:12px;font-weight:650;display:flex}.hanji-nav-divider{background:var(--ui-line);flex-shrink:0;width:1px;height:16px;margin:0 4px}@media (min-width:1024px){.hanji-header-inner{height:56px;min-height:56px}.hanji-mobile-nav{display:none}}@media (max-width:639px){.hanji-header-inner{gap:4px}.hanji-desktop-nav a,.hanji-playground-trigger{padding-inline:6px;font-size:12px}}.hanji-home{width:100%;max-width:1180px;margin-inline:auto;padding-block:clamp(32px,5vw,64px)}.hanji-home-hero{max-width:850px}.hanji-home-hero h1{font-family:Georgia,Batang,Yu Mincho,serif;font-weight:600;line-height:1.55}.hanji-home-hero h1 img{flex-shrink:0}.hanji-home-hero h1 span.block.text-sm{color:var(--ui-seal);letter-spacing:.08em;font-family:inherit}.hanji-home-board{border:1.5px solid var(--ui-line);background:var(--ui-card);border-radius:8px;gap:0;max-width:960px;overflow:hidden}.hanji-home-board>a{border:0;border-bottom:1px solid var(--ui-line);border-right:1px solid var(--ui-line);min-height:136px;box-shadow:none;background:0 0;border-radius:0;padding:20px;transform:none}.hanji-home-board>a:hover{box-shadow:inset 0 -3px var(--ui-seal);background:#efe5d580;transform:none}.hanji-home-board>a>span{border-radius:8px}.hanji-home-board h2{color:var(--ui-ink);font-family:Georgia,Batang,Yu Mincho,serif;font-size:18px;font-weight:600;line-height:1.6}.hanji-home-board>a:nth-child(3n){border-right:0}.hanji-home-board>a:nth-last-child(-n+3){border-bottom:0}.hanji-home-guides{box-shadow:none;border-color:var(--ui-line);background:0 0;border-radius:8px}.hanji-home-guides h2{color:var(--ui-ink);font-family:Georgia,Batang,Yu Mincho,serif;font-size:21px;font-weight:600}.hanji-home-guides li a{box-shadow:none;border-top:1px solid var(--ui-line);background:0 0;border-radius:4px;padding:12px 0;transform:none}.hanji-home-guides li strong{color:var(--ui-ink)}@media (max-width:1023px){.hanji-home-board>a{min-height:108px;padding:14px 10px}.hanji-home-board h2{font-size:14px}.hanji-home-board>a:nth-child(3n){border-right:1px solid var(--ui-line)}.hanji-home-board>a:nth-last-child(-n+3){border-bottom:1px solid var(--ui-line)}.hanji-home-board>a:nth-child(2n){border-right:0}.hanji-home-board>a:last-child{border-bottom:0}}.hanji-lobby-overview{gap:12px}.hanji-lobby-overview>article,.hanji-lobby-overview>aside{border:1px solid var(--ui-line);background:var(--ui-card);border-radius:8px}.hanji-lobby-overview h1{color:var(--ui-ink);font-family:Georgia,Batang,Yu Mincho,serif;font-weight:600}.hanji-lobby-overview h2{font-size:16px;font-weight:650}.hanji-lobby-overview>div>section,.hanji-lobby-overview>div>div{box-shadow:none;border-color:var(--ui-line);border-radius:8px}.hanji-lobby-overview button,.hanji-lobby-overview a{border-radius:8px}.hanji-lobby-overview button.bg-\[var\(--c-jade-deep\)\]{background:var(--ui-seal)}.hanji-footer{background:var(--ui-paper);border-color:var(--ui-line)}.hanji-account section{box-shadow:none;border-radius:8px}.hanji-match{background-color:var(--game-bg,var(--ui-paper))}.hanji-match>header{background:var(--ui-card);border-color:var(--ui-line)}.hanji-match button:not(.ddakji-battle-card){border-radius:8px}.hanji-participants{background:var(--ui-card);box-shadow:none;border-radius:4px}.hanji-opponent-rail{display:none}@media (prefers-reduced-motion:reduce){.hanji-home-board img{transition:none;transform:none}}.hanji-header a[href="/auth/login"],.hanji-home button{background-color:var(--ui-seal);border-radius:8px}.hanji-records-page{width:100%;max-width:960px;margin:0 auto;padding:40px 24px 64px}.hanji-records-page>header{margin-bottom:32px}.hanji-eyebrow{color:var(--ui-seal);letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:650}.hanji-records-page h1{font:600 clamp(26px,4vw,36px)/1.6 Georgia,Batang,Yu Mincho,serif}.hanji-records-page header>p:last-child{color:var(--ui-muted);font-size:14px}.hanji-records-panel{border:1px solid var(--ui-line);background:var(--ui-card);border-radius:8px;margin-top:24px;padding:24px}.hanji-records-panel h2{font:600 20px/1.6 Georgia,Batang,Yu Mincho,serif}.hanji-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hanji-section-heading>span,.hanji-note{color:var(--ui-muted);font-size:12px;line-height:1.8}.hanji-tabs{flex-wrap:wrap;gap:4px;display:flex}.hanji-tabs a{border-radius:4px;align-items:center;min-height:44px;padding:10px 12px;font-size:12px;display:flex}.hanji-tabs [aria-current=page]{color:var(--ui-seal);box-shadow:inset 0 -2px var(--ui-seal);background:#efe5d5}.hanji-game-tabs{border-bottom:1px solid var(--ui-line);margin-top:20px}.hanji-activity{gap:14px;margin-top:20px;display:grid}.hanji-activity li{grid-template-columns:minmax(110px,1fr) minmax(40px,2fr) auto;align-items:center;gap:16px;font-size:13px;display:grid}.hanji-activity strong{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.hanji-bar{background:#e9e0ce;border-radius:2px;height:6px;overflow:hidden}.hanji-bar i{background:var(--ui-muted);height:100%;display:block}.hanji-ranking-table{border-collapse:collapse;text-align:left;width:100%;margin-top:20px;font-size:14px}.hanji-ranking-table th,.hanji-ranking-table td{border-bottom:1px solid var(--ui-line);padding:14px 8px}.hanji-ranking-table thead{color:var(--ui-muted);font-size:12px}.hanji-ranking-table tbody th{font-weight:500}.hanji-ranking-table tr[data-me=true]{background:#efe5d5}.hanji-ranking-table tr>:last-child{text-align:right}.hanji-own-rank{border:1px solid var(--ui-seal);border-radius:4px;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;padding:16px;font-size:13px;display:flex}.hanji-own-rank p{width:100%;color:var(--ui-muted);font-size:12px}.hanji-records-summary{border:1px solid var(--ui-line);background:var(--ui-card);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.hanji-records-summary>div{border-right:1px solid var(--ui-line);padding:20px}.hanji-records-summary>div:last-child{border-right:0}.hanji-records-summary dt{color:var(--ui-muted);font-size:12px}.hanji-records-summary dd{margin-top:8px;font:600 30px/1.6 Georgia,serif}.hanji-recent{margin-top:16px}.hanji-recent li{border-top:1px solid var(--ui-line);grid-template-columns:80px 1fr 60px;align-items:center;gap:8px;min-height:52px;font-size:13px;display:grid}.hanji-recent time{color:var(--ui-muted);font-size:12px}.hanji-win-stamp{border:1.5px solid var(--ui-seal);color:var(--ui-seal);border-radius:3px;justify-self:end;padding:2px 5px;font-size:12px;transform:rotate(-6deg)}.hanji-empty{color:var(--ui-muted);padding:32px 0;font-size:14px}.hanji-primary{color:#fff;background:var(--ui-seal);border-radius:8px;align-items:center;min-height:44px;margin-top:16px;padding:10px 20px;font-size:13px;display:inline-flex}@media (max-width:639px){.hanji-records-page{padding:28px 16px 40px}.hanji-records-panel{padding:16px}.hanji-records-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hanji-records-summary>div{border-bottom:1px solid var(--ui-line);padding:16px}.hanji-records-summary>div:nth-child(2n){border-right:0}.hanji-records-summary>div:nth-last-child(-n+2){border-bottom:0}.hanji-activity li{grid-template-columns:minmax(80px,1fr) minmax(20px,1fr) auto;gap:8px;font-size:12px}.hanji-playground-panel{left:-40px}}body.private-test{--app-header-h:calc(5.5rem + 1px + var(--app-test-band-h))}@media (min-width:1024px){body.private-test{--app-header-h:calc(3.5rem + 1px + var(--app-test-band-h))}}div:has(>.hanji-lobby-overview) .rounded-3xl{box-shadow:none;border-radius:8px}:is(div:has(>.hanji-lobby-overview) section.rounded-3xl:not([role]),div:has(>.hanji-lobby-overview) div.rounded-3xl:not([role])){border-color:var(--ui-line);background:var(--ui-card)}div:has(>.hanji-lobby-overview) button{border-radius:8px}div:has(>.hanji-lobby-overview) button[class*="bg-[var(--c-jade-deep)]"]{background:var(--ui-seal)}
:root{--ui-seal-deep:#6e1f15;--ui-card-soft:#f3ecdb;--ui-faint:#8b8272;--hanji-wrinkle:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='w' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.007 .013' numOctaves='5' seed='11' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' surfaceScale='3.2' diffuseConstant='1' lighting-color='%23fff'%3E%3CfeDistantLight azimuth='225' elevation='58'/%3E%3C/feDiffuseLighting%3E%3CfeColorMatrix values='0 0 0 0 .52 0 0 0 0 .42 0 0 0 0 .28 -1.2 0 0 0 1.02'/%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23w)'/%3E%3C/svg%3E");--hanji-fiber:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85 .07' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .3 0 0 0 .16 -.02'/%3E%3C/filter%3E%3Crect width='360' height='360' filter='url(%23f)'/%3E%3C/svg%3E")}body{background-color:var(--ui-paper);background-image:var(--hanji-wrinkle), var(--hanji-fiber);background-size:900px 900px,360px 360px}.hanji-lobby.hanji-lobby{--game-bg:transparent;--background:var(--ui-paper);--foreground:var(--ui-ink);--c-ivory:var(--ui-card);--c-chalk:var(--ui-card);--c-chalk-dim:var(--ui-card-soft);--c-paper-2:var(--ui-card-soft);--c-jade-deep:var(--ui-seal);--c-ink:var(--ui-ink);--c-ink-soft:var(--ui-muted);--c-ink-faint:var(--ui-faint);--c-line:var(--ui-line);--c-line-soft:#e6dcc6;--c-gold:#c99a3b;color:var(--ui-ink)}.hanji-lobby-overview{gap:14px}.hanji-lobby-title{align-items:stretch}.hanji-lobby-title h1{letter-spacing:-.01em;font-size:clamp(22px,3.2vw,30px)}.hanji-lobby-title p{max-width:36em}.hanji-lobby-quick{align-self:stretch}@media (min-width:1024px){.hanji-lobby-overview{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"title title""quick how""trial trial";align-items:start}.hanji-lobby-title{grid-area:title}.hanji-lobby-how{grid-area:how}.hanji-lobby-trial{grid-area:trial}.hanji-lobby-quick{grid-area:quick}.hanji-lobby-title>div:last-child{padding:18px 24px}}.hanji-lobby-overview>article,.hanji-lobby-overview>aside,.hanji-lobby-quick>div>section,.hanji-lobby-trial>*{border:1.5px solid var(--ui-line);background:var(--ui-card);box-shadow:none}.hanji-lobby button[class*="bg-[var(--c-jade-deep)]"],.hanji-lobby a[class*="bg-[var(--c-jade-deep)]"]{background:var(--ui-seal);color:#fff8ec;border:1.5px solid var(--ui-seal);box-shadow:2px 2px 0 var(--ui-seal-deep);border-radius:8px;transition:transform 80ms,box-shadow 80ms}.hanji-lobby button[class*="bg-[var(--c-jade-deep)]"]:hover:not(:disabled),.hanji-lobby a[class*="bg-[var(--c-jade-deep)]"]:hover{box-shadow:3px 3px 0 var(--ui-seal-deep);transform:translate(-1px,-1px)}.hanji-lobby button[class*="bg-[var(--c-jade-deep)]"]:active:not(:disabled),.hanji-lobby a[class*="bg-[var(--c-jade-deep)]"]:active{box-shadow:0 0 0 var(--ui-seal-deep);transform:translate(2px,2px)}.hanji-lobby button:disabled{box-shadow:none}.hanji-lobby [role=radio]{border:1.5px solid var(--ui-line);color:var(--ui-ink);box-shadow:none;background:0 0;border-radius:8px}.hanji-lobby [role=radio][aria-checked=true]{border-color:var(--ui-ink);color:var(--ui-ink);box-shadow:2px 2px 0 var(--ui-ink);background:#fffaf0}.hanji-lobby [role=radio][aria-checked=true] strong:after{content:"✓";background:var(--ui-seal);color:#fff8ec;vertical-align:1px;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:8px;font-size:11px;display:inline-grid}.hanji-lobby [role=radio]>span:not(.hanji-mode-head){opacity:.8}.hanji-lobby.hanji-lobby button[aria-pressed=true]{background:var(--ui-ink);color:var(--ui-card);border-color:var(--ui-ink);box-shadow:none}.hanji-lobby.hanji-lobby button[aria-pressed=false]{border-color:var(--ui-line);background:0 0}.hanji-lobby input,.hanji-lobby textarea{border-color:var(--ui-line);background:var(--ui-card);border-radius:8px}:is(.game-omok-theme,.game-marbles-theme,.game-yut-theme,.game-ddakji-theme,.game-jjat-theme,.game-jegi-theme,.game-gonggi-theme,.game-alkkagi-go-theme,.game-alkkagi-janggi-theme):not(.hanji-lobby),main.game-light-theme{--game-bg:transparent;--c-ivory:var(--ui-card);--c-chalk:var(--ui-card);--c-chalk-dim:var(--ui-card-soft);--c-paper-2:var(--ui-card-soft);--c-ink:var(--ui-ink);--c-ink-soft:var(--ui-muted);--c-ink-faint:var(--ui-faint);--c-line:var(--ui-line);--c-line-soft:#e6dcc6}.game-light-theme.game-omok-theme{--c-arena-earth:transparent;--c-arena-paper:#f3ecd9;--c-earth-dry:#ece3cc;--c-wood-shade:#8a7355;--c-jade-deep:var(--ui-seal);--c-stage-bg:#ece3cc;--c-stage-edge:var(--ui-line);--c-stage-text:var(--ui-ink)}.game-omok-theme .hanji-match{background-color:#0000}.hanji-match [class*="text-[var(--c-jade-deep)]"]{color:var(--ui-seal)}.hanji-match [class*="border-[var(--c-jade-deep)]"]{border-color:var(--ui-seal)}.hanji-match :is(button,a)[class*="bg-[var(--c-jade-deep)]"]{background-color:var(--ui-seal);color:#fff8ec}.hanji-match :is(div,section,article,li,p)[class*="bg-[var(--c-jade-deep)]"]{background-color:var(--ui-ink);color:var(--ui-card)}.hanji-match button[class*="bg-[var(--c-jade-deep)]"]{background:var(--ui-seal);border-color:var(--ui-seal);color:#fff8ec}.hanji-participants{border:1px solid var(--ui-line);background:var(--ui-card)}:root{--c-jade-deep:var(--ui-seal);--c-ivory:var(--ui-card);--c-chalk:var(--ui-card);--c-paper-2:var(--ui-card-soft);--c-chalk-dim:var(--ui-card-soft);--c-ink:var(--ui-ink);--c-ink-soft:var(--ui-muted);--c-ink-faint:var(--ui-faint);--c-line:var(--ui-line);--c-line-soft:#e6dcc6;--ui-serif:Georgia, "Batang", "AppleMyungjo", "Noto Serif KR", "Yu Mincho", serif}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(h1,h2,h3){font-family:var(--ui-serif);letter-spacing:-.01em;font-weight:600}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(.rounded-3xl,.rounded-2xl,.rounded-xl){border-radius:8px}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is([class*=shadow-],.hover\:shadow-md):not(button){box-shadow:none}main:not([class*=-theme],.hanji-match,.hanji-lobby) a[class*="bg-[var(--c-ivory)]"]{border:1.5px solid var(--ui-line)}main:not([class*=-theme],.hanji-match,.hanji-lobby) a[class*="bg-[var(--c-ivory)]"]:hover{border-color:var(--ui-ink);background:#fffaf0;transform:none}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(button,a)[class*="bg-[var(--c-jade-deep)]"]{background:var(--ui-seal);color:#fff8ec;border:1.5px solid var(--ui-seal);box-shadow:2px 2px 0 var(--ui-seal-deep);transition:transform 80ms,box-shadow 80ms}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(button,a)[class*="bg-[var(--c-jade-deep)]"]:hover:not(:disabled){box-shadow:3px 3px 0 var(--ui-seal-deep);transform:translate(-1px,-1px)}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(button,a)[class*="bg-[var(--c-jade-deep)]"]:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(button,a)[class*="bg-[var(--c-jade-deep)]"]:disabled{box-shadow:none}main:not([class*=-theme],.hanji-match,.hanji-lobby) :is(input,textarea,select){border-color:var(--ui-line);background:var(--ui-card);border-radius:8px}@media (max-width:639px){.hanji-home-hero h1{flex-direction:column;gap:8px;font-size:21px}}nav[aria-label]>ul>li>a[class*=border-2]{background:var(--ui-card);border-width:1.5px;border-radius:8px;font-weight:700}nav[aria-label]>ul>li>a[class*=border-2][aria-current=page]{background:var(--ui-ink);border-color:var(--ui-ink);color:var(--ui-card)}nav[aria-label]>ul>li>a[class*=border-2]:not([aria-current]):hover{border-color:var(--ui-ink);background:#fffaf0}nav[aria-label]>ul>li>a[class*=border-2] img{border-radius:4px}.hanji-home-top{align-items:start;gap:28px;width:100%;max-width:1180px;display:grid}@media (min-width:1024px){.hanji-home-top{grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:44px}}.hanji-home-hero{text-align:left;max-width:none}.hanji-home-hero h1{letter-spacing:-.01em;justify-content:flex-start;align-items:flex-start;gap:16px;font-size:clamp(21px,2.3vw,28px);font-weight:600;line-height:1.5;display:flex}.hanji-home-eyebrow{color:var(--ui-seal);letter-spacing:.02em;margin-bottom:4px;font-size:14px;font-weight:800;line-height:1.4;display:block}.hanji-home-title{word-break:keep-all;display:block}.hanji-home-intro{max-width:42em;color:var(--ui-muted);margin-top:14px;font-size:15.5px;font-weight:500;line-height:1.75}.hanji-home-cta{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px;display:flex}.hanji-home-cta p{color:var(--ui-muted);font-size:14px}.hanji-home-ghost{border:1.5px solid var(--ui-ink);background:var(--ui-card);min-height:40px;box-shadow:2px 2px 0 var(--ui-ink);border-radius:8px;align-items:center;padding:8px 18px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.hanji-home-ghost:hover{box-shadow:3px 3px 0 var(--ui-ink);transform:translate(-1px,-1px)}.hanji-home-login>div,.hanji-home-login button{width:auto}.hanji-waiting{background:var(--ui-card);border:1.5px solid var(--ui-ink);box-shadow:3px 3px 0 var(--ui-ink);border-radius:8px;padding:16px 18px 14px}.hanji-waiting h2{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.hanji-live-dot{background:var(--ui-seal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #c23b2a33}.hanji-waiting ul{margin:8px 0 0;padding:0;list-style:none}.hanji-waiting li{border-top:1px dashed var(--ui-line);align-items:center;gap:10px;padding:9px 0;font-size:14.5px;display:flex}.hanji-waiting li:first-child{border-top:0}.hanji-waiting li b{flex:1;font-weight:600}.hanji-waiting li span{color:var(--ui-muted);font-size:13px}.hanji-waiting li a{border:1.5px solid var(--ui-ink);background:var(--ui-card);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:700}.hanji-waiting li a:hover{background:#fffaf0}.hanji-waiting p{min-height:2.8em;color:var(--ui-muted);margin-top:8px;font-size:13.5px;line-height:1.55}.hanji-board-wrap{width:100%;max-width:1180px;margin-top:36px}.hanji-board-heading{font:600 22px/1.4 var(--ui-serif);margin-bottom:12px}.hanji-board{background:var(--ui-ink);border:1.5px solid var(--ui-ink);box-shadow:4px 4px 0 var(--ui-ink);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5px;display:grid;overflow:hidden}@media (min-width:1024px){.hanji-board{grid-template-columns:repeat(3,minmax(0,1fr))}}.hanji-board>.hanji-cell:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:1024px){.hanji-board>.hanji-cell:last-child:nth-child(odd){grid-column:auto}}.hanji-cell{background:var(--ui-card);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 12px 18px;transition:background .12s;display:flex;position:relative}a.hanji-cell:hover{background:#fffaf0}.hanji-cell-art{width:76px;height:76px;transition:transform .15s;display:block}.hanji-cell-art svg{width:100%;height:100%}a.hanji-cell:hover .hanji-cell-art{transform:rotate(-4deg)scale(1.06)}.hanji-cell h3{font:600 18px/1.4 var(--ui-serif)}.hanji-cell-meta{color:var(--ui-muted);flex-direction:column;align-items:center;gap:2px;font-size:12.5px;display:flex}.hanji-cell-meta em{color:var(--ui-faint);font-size:11.5px;font-style:normal}.hanji-chip-live{background:var(--ui-seal);color:#fff8ec;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:700;position:absolute;top:10px;right:10px}@media (max-width:639px){.hanji-cell{padding:16px 8px 14px}.hanji-cell-art{width:60px;height:60px}.hanji-cell h3{font-size:16px}}@media (prefers-reduced-motion:reduce){.hanji-cell-art{transition:none}a.hanji-cell:hover .hanji-cell-art{transform:none}}.hanji-playground-grid svg{width:46px;height:46px;display:block}.hanji-lobby-art{border-right:1px dashed var(--ui-line);flex:none;place-items:center;width:88px;padding:10px;display:grid}.hanji-lobby-art svg{width:100%;height:auto}@media (min-width:1024px){.hanji-lobby-art{width:132px;padding:14px 18px}}.hanji-lobby-waiting{color:var(--ui-seal);align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.hanji-mode-head{align-items:center;gap:10px;display:flex}.hanji-mode-art{opacity:1;flex:none;width:40px;height:40px}.hanji-lobby [role=radio] .hanji-mode-head~span{margin-top:6px}.hanji-lobby [role=radio]{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.hanji-nav-row{grid-template-rows:1fr;display:grid}.hanji-nav-row>div{min-height:0;overflow:hidden}.hanji-header[data-compact]{position:sticky}.hanji-header[data-compact] .hanji-nav-row{background:var(--ui-paper);border-bottom:0 solid var(--ui-line);visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .22s,border-bottom-width .22s,visibility .22s .22s;position:absolute;top:100%;left:0;right:0}.hanji-header[data-compact][data-row-open] .hanji-nav-row{visibility:visible;border-bottom-width:1px;grid-template-rows:1fr;transition-delay:0s}.hanji-header[data-compact] .hanji-playground-panel{display:none}body:has(.hanji-header[data-compact]){--app-header-h:calc(2.75rem + 1px + var(--app-test-band-h))}body.private-test:has(.hanji-header[data-compact]){--app-header-h:calc(2.75rem + 1px + var(--app-test-band-h))}@media (min-width:1024px){.hanji-nav-row .hanji-mobile-nav{max-width:1180px;margin:auto;padding:0 24px;display:flex}body,body.private-test{--app-header-h:calc(6.25rem + 1px + var(--app-test-band-h))}body:has(.hanji-header[data-compact]){--app-header-h:calc(3.5rem + 1px + var(--app-test-band-h))}body.private-test:has(.hanji-header[data-compact]){--app-header-h:calc(3.5rem + 1px + var(--app-test-band-h))}}@media (prefers-reduced-motion:reduce){.hanji-nav-row{transition:none!important}}.hanji-header .hanji-desktop-nav a.hidden{display:none}@media (min-width:1024px){.hanji-header .hanji-desktop-nav a.hidden{display:flex}}