/* Approved white/blue service shell. The game and tarot keep their own artwork. */
.topbar .shell>.btn:last-child{margin-left:auto}
.home-intro p,.page-title p{word-break:keep-all}.number-label{background:#edf3ff;color:#174c9a}.card-button .card-slot{background:#f7f9fd;color:#6b7e9c;border-color:#afc1dd}.card-button:hover .playing-card{border-color:#1559d6;box-shadow:0 0 0 2px #c9daff}.action-editor{background:#f5f7fb}
:root{--ink:#17212f;--green:#1559d6;--deep:#113c91;--muted:#596579;--line:#e3e8f0;--paper:#fff;--gold:#1559d6;--radius:12px;--dock-space:112px;color-scheme:light;background:#fff;color:var(--ink)}
html{scroll-padding-bottom:130px}::selection{background:#d8e7ff;color:#102c5e}
body{background:#fff}h1,h2,h3{letter-spacing:-.03em}input,textarea,select{caret-color:var(--green);border-color:#cbd4e1;border-radius:10px}input::placeholder,textarea::placeholder{color:#637087;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#1559d6}
.utility,.eyebrow,.pub-eyebrow,.brand small{display:none}.topbar{height:74px;border-color:var(--line)}.brand img{width:34px;height:38px}.brand b{font-size:20px;letter-spacing:-.7px}.navigation a{color:#596579}.header-user .tiny-avatar{background:#edf3ff;color:#1559d6}
.btn{min-height:44px;background:#1559d6;border-radius:10px}.btn:hover{background:#1047ad;transform:none}.btn.secondary{background:#fff;color:#174fba;border-color:#cbd4e1}.btn.secondary:hover{background:#edf3ff}.btn.gold{background:#edf3ff;color:#1559d6}.btn.ghost{background:transparent;color:var(--ink)}.btn.danger{background:#fff0ef;color:#a63b3b;border-color:#f0d2d0}
.text-link{color:#596579;white-space:nowrap}.text-link:hover{color:#1559d6}.tag,.summary-role,.notice.green{background:#edf3ff;color:#174c9a}.tag.gray{background:#f1f3f7;color:#596579}.tag.red{background:#ffeded;color:#b02f3a}.tag.gold{background:#edf3ff;color:#174c9a}.notice.green{border-color:#d5e3fa}.pill.active,.follow-btn.on{background:#1559d6;color:white;border-color:#1559d6}.follow-btn{min-height:36px;color:#174fba;border-color:#cbd4e1}
.page-title{padding:30px 0 24px}.page-title h1{font-size:30px}.page-title p{font-size:15px}.panel,.list-panel{border-radius:12px}.footer{background:#f5f7fa;color:#596579}.footer a{min-height:44px;display:inline-flex;align-items:center}.footer p,.footer-links{font-size:12px}.empty{padding:30px 20px}.empty .empty-icon{background:#edf3ff;color:#1559d6}.empty p{color:#596579}
.creator-cover,.creator-cover.alt1,.creator-cover.alt2,.creator-cover.alt3{background:#edf3ff}.creator-cover:before{color:#1559d617}.creator-avatar,.channel-initial{background:#edf3ff;color:#174fba}.channel-live-item.is-favorite{background:#f6f9ff;border-color:#99b7ed}.channel-live-link:focus-visible,.video-card:focus-visible,.social-button:focus-visible{outline-color:#1559d6}
.home-intro{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:20px;margin-top:24px;padding:30px 32px;min-height:220px;border-radius:16px;background:#edf3ff;overflow:hidden}.home-intro h1{font-size:34px;line-height:1.35;font-weight:750}.home-intro p{font-size:15px;margin:12px 0 16px;color:#4d5b73}.intro-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#1559d6;font-size:16px;font-weight:700}.intro-cards{display:flex;align-items:center;justify-content:center;height:190px;isolation:isolate}.intro-cards .playing-card{width:92px;height:134px;border-radius:10px;border-color:#d9e1ec;box-shadow:3px 8px 20px #244e8c1a;color:#131d2c}.intro-cards .playing-card.red{color:#d32945}.intro-cards .playing-card:first-child{transform:rotate(-12deg);margin-right:-12px}.intro-cards .playing-card:last-child{transform:rotate(12deg) translateY(14px)}.intro-cards .card-center{font-size:48px}.intro-cards .card-corner{font-size:24px}
.service-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:23px 0;border-bottom:8px solid #f3f5f8;gap:8px}.service-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:70px;border-radius:8px;font-size:14px;color:#47536a}.service-shortcuts a:hover{background:#f1f6ff}.service-shortcuts .ico{width:30px;height:30px;color:#1559d6;stroke-width:1.8}.section-head h2{font-size:23px}.section-head p{font-size:13px}.home-bottom{gap:28px}.home-bottom .post-row h3{margin:10px 0}.home-bottom .list-panel{border-width:0;border-radius:0}.home-bottom .post-row{padding:16px 2px}.post-row-meta{font-size:12px;color:#596579}.post-row-top .tag{font-size:11px}.home-bottom .post-row h3{font-size:16px}.broadcast-empty{display:flex;align-items:center;gap:16px;padding:22px;background:#f5f7fb;border-radius:12px}.broadcast-empty>.ico{color:#1559d6;width:28px;height:28px}.broadcast-empty>div{flex:1}.broadcast-empty h3{font-size:16px}.broadcast-empty p{font-size:13px;color:#596579;margin-top:6px}
.action-turn-order,.turn-progress{color:#596579}.action-row select[data-field="player"]{background:#edf3ff;color:#174c9a}.action-amount input[readonly]{background:#f3f5f8;color:#596579}.amount-pair input::placeholder{color:#637087}.blind-settings{background:#f7f9fc;border-color:#dce4ef}.blind-input-row output{color:#17212f}.blind-input-row input{border-color:#92b2ee}.blind-input-row>span{color:#596579}.starting-pot-auto{border-color:#e3e8f0}.starting-pot-auto output{color:#1559d6}.starting-pot-auto small{color:#596579}.summary-blinds{background:#edf3ff;color:#174c9a;border-color:#e3e8f0}.summary-blinds small{color:#596579}.summary-role.villain{background:#f1f3f7;color:#47536a}.summary-card{color:#17212f}.summary-card.red{color:#c82742}.summary-result{background:#edf3ff;color:#174c9a}.field-hint{color:#596579}
.pub-main{padding-top:28px}.pub-heading h1{font-size:30px;margin:0 0 10px}.pub-heading>p{font-size:15px}.pub-source{font-size:12px}.pub-card .pub-detail-label{color:#1559d6}.pub-number,.pub-limit{background:#edf3ff;color:#174c9a}.pub-limit p{color:#596579}.pub-map,.pub-map-placeholder{background:#f1f5fa}.pub-empty{border-color:#cbd4e1}.pub-empty-icon{color:#1559d6}.pub-candidate:hover{background:#edf3ff}.pub-pin{background:#1559d6}.pub-main button:focus-visible{outline-color:#1559d6}.pub-map-placeholder>span{background:#1559d6}.pub-map-panel{border-color:#e3e8f0}
hc-mobile-nav{display:none}.glass-dock{display:flex;align-items:center;justify-content:space-around;gap:2px;padding:7px 9px 8px;border-radius:999px;background:#f4f7fd;border:1px solid #fff;box-shadow:0 8px 28px #243c6829;position:fixed;z-index:45;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 28px);max-width:480px;min-height:78px;color:#26364d}
.dock-item{flex:1;min-width:0;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:0;border:0;background:transparent;color:#354259;font:inherit;font-size:11px;font-weight:600;text-decoration:none;line-height:1.25;border-radius:24px;cursor:pointer}.dock-symbol{width:44px;height:40px;display:grid;place-items:center;border-radius:50%}.dock-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dock-item.is-current{color:#1559d6}.dock-item.is-current .dock-symbol{background:#dfeaff;border:1px solid #fff;box-shadow:inset 0 2px 5px #fff,0 2px 5px #173d8b0d}.dock-item.is-current:first-child svg{fill:currentColor;stroke-width:1.1}.dock-create .dock-symbol{height:44px;width:44px;background:#1559d6!important;color:#fff;border:0!important;box-shadow:inset 0 2px 4px #ffffff60,0 2px 5px #1559d633!important}.dock-create svg{width:26px;height:26px;stroke-width:2.2}.dock-item:focus-visible{outline:3px solid #1559d6;outline-offset:2px}.dock-item:hover{color:#1559d6}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-dock{background:linear-gradient(135deg,#ffffffc9,#e6edfac2);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}}
.service-menu{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 40px - env(safe-area-inset-bottom,0px));margin:auto auto calc(12px + env(safe-area-inset-bottom,0px));padding:22px;border:1px solid #e3e8f0;border-radius:22px;background:#fff;color:#17212f;overscroll-behavior:contain;box-shadow:0 16px 60px #16274433}.service-menu::backdrop{background:#17212f66;backdrop-filter:blur(3px)}.service-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.service-menu-head h2{font-size:22px}.menu-close{min-width:44px;min-height:44px;background:#f3f5f8;border:0;border-radius:10px;color:#174fba;font:inherit;font-size:14px}.service-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.service-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;border-bottom:1px solid #e9edf3;font-size:15px;color:#17212f}.service-menu-links a[aria-current]{color:#1559d6;font-weight:700}.service-menu-links a span{color:#718098}.service-menu>p{color:#596579;font-size:12px;margin:18px 0 0}.service-menu[open]{overflow-y:auto}body:has(.service-menu[open]){overflow:hidden}
@media(max-width:800px){
 hc-mobile-nav{display:block}hc-mobile-nav[keyboard-open] .glass-dock{visibility:hidden;pointer-events:none}.has-mobile-dock{padding-bottom:calc(var(--dock-space) + env(safe-area-inset-bottom,0px))}.topbar{height:64px}.topbar .shell{gap:12px}.brand img{width:30px;height:34px}.brand b{font-size:19px}.header-user .btn{min-height:40px;font-size:12px;padding:8px 10px}.header-user{margin-left:auto}.shell{padding-left:20px;padding-right:20px}main.shell{padding-bottom:32px}.footer{padding-bottom:24px}.section{margin-top:28px}.section-head h2{font-size:21px}.section-head{gap:12px}.section-head .text-link{font-size:12px;min-height:44px}.home-intro{margin-top:18px;padding:22px;grid-template-columns:minmax(0,1fr) 130px;gap:0;min-height:195px}.home-intro h1{font-size:27px}.home-intro p{font-size:13px;margin:10px 0 8px;max-width:230px}.intro-link{font-size:14px}.intro-cards{height:160px}.intro-cards .playing-card{width:64px;height:95px}.intro-cards .card-center{font-size:34px}.intro-cards .card-corner{font-size:18px}.service-shortcuts{gap:2px;padding:16px 0}.service-shortcuts a{font-size:12px;min-height:68px;gap:8px}.service-shortcuts .ico{width:27px;height:27px}.home-bottom{grid-template-columns:1fr}.home-bottom .section+.section{margin-top:28px}.broadcast-empty{gap:12px;padding:18px;flex-wrap:wrap}.broadcast-empty>div{min-width:180px}.broadcast-empty .btn{margin-left:40px}.post-row-meta{font-size:12px}.post-row h3{font-size:15px}.page-title h1{font-size:27px}.page-title p{font-size:14px}.page-title{padding:24px 0}.filterbar .pill{min-height:42px;font-size:13px}.pub-main{padding-top:24px}.pub-heading h1{font-size:28px}.pub-heading>p{font-size:14px}.pub-search-row input{font-size:16px}.pub-privacy{font-size:12px}.pub-map{height:300px}.pub-layout{grid-template-columns:1fr}.pub-map-panel{order:-1}.pub-empty{min-height:200px}#toast{bottom:calc(108px + env(safe-area-inset-bottom,0px))}.form-grid input,.form-grid select,.amount-pair input,.action-row select{font-size:16px}.blind-input-row input{font-size:16px}.action-row{scroll-margin-bottom:150px}.brand small{display:none}
}
@media(max-width:390px){.shell{padding-left:16px;padding-right:16px}.home-intro{padding:20px 16px;grid-template-columns:minmax(0,1fr) 100px}.home-intro h1{font-size:24px}.home-intro p{max-width:190px}.intro-cards .playing-card{width:52px;height:80px}.intro-cards .card-center{font-size:28px}.intro-cards .card-corner{font-size:16px}.intro-cards .card-corner small{font-size:10px}.service-shortcuts a{font-size:11px}.brand b{font-size:17px}.header-user .btn{font-size:11px}.section-head h2{font-size:20px}.glass-dock{width:calc(100% - 24px);padding-left:5px;padding-right:5px}.service-menu{padding:18px}.service-menu-links{gap:0 12px}}
@media(prefers-reduced-transparency:reduce){.glass-dock{background:#f4f7fd;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.glass-dock{background:Canvas;color:CanvasText;border:1px solid CanvasText}.dock-item{color:LinkText}.dock-item.is-current .dock-symbol,.dock-create .dock-symbol{border:2px solid Highlight!important;forced-color-adjust:auto}.service-menu{border:1px solid CanvasText}}

.nickname-setup h1{font-size:28px;line-height:1.4}.nickname-setup>p{margin:16px 0 28px;color:#596579;font-size:14px}.nickname-setup form{display:grid;gap:12px}.nickname-setup .field-hint{font-size:12px;line-height:1.7;margin:0}.nickname-setup .btn[type="submit"]{width:100%;min-height:52px}.nickname-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}

/* CEO-approved minimal mobile authentication design, 2026-10-26. */
body:has(.social-auth,.nickname-setup){padding-bottom:0;background:#fff}
body:has(.social-auth,.nickname-setup) .topbar{position:static;border:0;height:76px}
body:has(.social-auth,.nickname-setup) .topbar .shell{max-width:1060px}
body:has(.social-auth,.nickname-setup) .navigation,
body:has(.social-auth,.nickname-setup) .header-user,
body:has(.social-auth,.nickname-setup) .footer,
body:has(.social-auth,.nickname-setup) hc-mobile-nav{display:none}
body:has(.social-auth,.nickname-setup) main.shell{padding-bottom:40px}
.auth-wrap{max-width:376px;margin:76px auto 0}
.auth-wrap>.panel{padding:0;border:0;border-radius:0;background:none}
.social-auth{text-align:left}
.social-auth h1,.nickname-setup h1{font-size:32px;line-height:1.4;letter-spacing:-.035em;margin:0;color:#152238;font-weight:750;word-break:keep-all}
.social-auth h1::first-line{color:#1559d6}
.social-auth>p:first-of-type,.nickname-setup>p{font-size:15px;line-height:1.75;color:#5a6576;margin:16px 0 0}
.social-buttons{margin:44px 0 24px;gap:12px}
.social-button{min-height:56px;border-radius:12px;font-size:15px;font-weight:600}
.social-button.google{border-color:#b9c1cd;background:#fff}
.social-button.google:hover{background:#f5f8fc}
.social-button.kakao:disabled{opacity:1;background:#f2f4f7;color:#687183;border:0}
.social-badge{font-weight:400;background:none;padding:0;font-size:12px}
.social-auth>.social-note{font-size:12px;line-height:1.8;text-align:center;color:#596579;margin:0 0 30px}
.social-auth>.field-hint{display:none}
.social-auth>.text-link{display:flex;justify-content:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:400}
.nickname-setup form{gap:12px;margin-top:32px}
.nickname-setup label{font-size:13px;color:#34445c}
.nickname-setup input{min-height:56px;font-size:17px;padding:14px 16px;border:1px solid #b9c1cd;border-radius:12px}
.nickname-setup input:focus{border-color:#1559d6;outline:2px solid #1559d633;outline-offset:2px}
.nickname-setup .field-hint{font-size:12px;line-height:1.75;margin:0;color:#596579}
.nickname-setup .form-status:empty{display:none}
.nickname-setup .btn[type=submit]{margin-top:18px;border-radius:12px;min-height:56px;font-size:15px}
.nickname-links{margin-top:20px}.nickname-links .text-link,.nickname-links button{font-size:12px;font-weight:400}
@media(max-width:600px){body:has(.social-auth,.nickname-setup) .topbar{height:72px}.auth-wrap{margin:62px auto 0;max-width:380px}.auth-wrap h1{font-size:30px}body:has(.social-auth,.nickname-setup) main.shell{padding-left:28px;padding-right:28px}.social-buttons{margin-top:40px}.brand img{width:28px;height:32px}.brand b{font-size:18px}}
@media(max-width:360px){body:has(.social-auth,.nickname-setup) main.shell{padding-left:22px;padding-right:22px}.auth-wrap{margin-top:42px}.auth-wrap h1{font-size:28px}}