.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:56px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-lg);font-weight:800;letter-spacing:-.2px;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn--primary{background:var(--gold-gradient);color:var(--text-on-gold);box-shadow:var(--gold-shadow)}.btn--primary:not(:disabled):active{transform:translateY(3px);box-shadow:var(--gold-shadow-pressed)}.btn--secondary{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--surface-border-strong)}.btn--secondary:not(:disabled):active{transform:translateY(2px);filter:brightness(1.15)}.btn--ghost{background:transparent;color:var(--text-secondary);min-height:44px;font-size:var(--text-base);font-weight:600}.btn--ghost:not(:disabled):active{color:var(--text-primary)}.btn--sm{min-height:40px;font-size:var(--text-sm);padding:0 var(--space-4)}.btn:disabled{filter:grayscale(.45) brightness(.7);box-shadow:none}.panel{background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-4)}.panel--raised{background:var(--surface-raised);box-shadow:var(--shadow-raised)}.panel--selected{border-color:var(--gold-300);background:var(--surface-2)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:var(--text-primary);flex-shrink:0;border:2px solid transparent}.avatar--sm{width:40px;height:40px;font-size:var(--text-sm)}.avatar--md{width:56px;height:56px;font-size:var(--text-lg)}.avatar--lg{width:72px;height:72px;font-size:var(--text-xl)}.avatar--active{border-color:var(--gold-300);box-shadow:0 0 0 4px #f5d48829}.avatar--dimmed{opacity:.5}.avatar__crown{position:absolute;top:-14px;left:50%;transform:translate(-50%);color:var(--gold-300);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--surface-border);font-size:var(--text-sm);font-weight:700;color:var(--text-gold);white-space:nowrap}.badge--plain{color:var(--text-secondary)}.pcard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0}.pcard--xs{width:38px;height:54px;border-radius:var(--radius-sm)}.pcard--sm{width:44px;height:62px}.pcard--md{width:58px;height:82px}.pcard--lg{width:72px;height:102px}.pcard--number{background:var(--card-face);border:1px solid var(--card-face-border);justify-content:center;gap:1px;padding:var(--space-1) 0}.pcard__suit{line-height:1}.pcard__rank{font-weight:800;line-height:1}.pcard--xs .pcard__suit{font-size:14px}.pcard--xs .pcard__rank{font-size:18px}.pcard--sm .pcard__suit{font-size:17px}.pcard--sm .pcard__rank{font-size:21px}.pcard--md .pcard__suit{font-size:22px}.pcard--md .pcard__rank,.pcard--lg .pcard__suit{font-size:27px}.pcard--lg .pcard__rank{font-size:33px}.pcard--red{color:var(--card-red)}.pcard--black{color:var(--card-black)}.pcard--special{gap:1px;padding:var(--space-1)}.pcard--hakju{background:var(--card-hakju);color:var(--card-hakju-text)}.pcard--student{background:var(--card-student);color:var(--card-student-text)}.pcard--parent{background:var(--card-parent);color:var(--card-parent-text)}.pcard--ddaeng{background:var(--card-ddaeng);color:var(--card-ddaeng-text)}.pcard__label{font-weight:800;line-height:1;letter-spacing:-.5px}.pcard--xs .pcard__label{font-size:10px}.pcard--sm .pcard__label{font-size:12px}.pcard--md .pcard__label{font-size:14px}.pcard--lg .pcard__label{font-size:16px}.pcard--selected{transform:translateY(-12px)}.pcard--playable{cursor:pointer}.pcard--disabled{opacity:.42;cursor:not-allowed}.pcard--empty{background:transparent;border:2px dashed var(--surface-border-strong);box-shadow:none}.timer{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:800;color:var(--text-secondary);background:var(--surface-1)}.timer--urgent{color:var(--danger);background:#e888881f}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#04140eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in var(--dur-base) var(--ease-out)}.overlay__panel{width:100%;max-width:420px;background:var(--surface-overlay);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-overlay);animation:panel-in var(--dur-base) var(--ease-out)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.segmented{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--surface-border)}.segmented__item{flex:1;min-height:44px;border-radius:var(--radius-pill);font-weight:700;font-size:var(--text-base);color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-out)}.segmented__item--active{background:var(--gold-gradient);color:var(--text-on-gold);box-shadow:0 2px 0 0 var(--gold-700)}.screen-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);min-height:56px}.screen-header__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-8px;color:var(--text-primary)}.screen-header__title{font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.slider{width:100%;appearance:none;-webkit-appearance:none;height:6px;border-radius:var(--radius-pill);background:var(--surface-2);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gold-gradient);border:2px solid var(--gold-700);cursor:pointer}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold-300);border:2px solid var(--gold-700);cursor:pointer}.stepper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stepper--tile{min-height:68px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1)}.stepper__label{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper--tile .stepper__label{font-size:var(--text-base);color:var(--text-primary)}.stepper__control{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.stepper__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--surface-border-strong);background:var(--surface-1);color:var(--text-gold);font-size:var(--text-xl);font-weight:800;line-height:1;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.stepper__btn:hover,.stepper__btn:focus-visible{background:var(--surface-2)}.stepper__btn:not(:disabled):active{transform:translateY(1px);background:var(--surface-2)}.stepper__btn:disabled{opacity:.3;border-color:var(--surface-border)}.stepper__value{min-width:60px;text-align:center;font-size:var(--text-lg);font-weight:800;color:var(--text-gold);font-variant-numeric:tabular-nums}.stepper--readonly .stepper__value{color:var(--text-primary)}@media(max-width:359px){.stepper__value{min-width:48px;font-size:var(--text-base)}.stepper--tile .stepper__label{font-size:var(--text-sm)}}.screen-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.screen-footer{padding:var(--space-4) var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:var(--radius-2xl);background:var(--gold-gradient);color:var(--gold-900);box-shadow:0 6px 0 0 var(--gold-700),var(--shadow-raised);flex-shrink:0}.brand-badge--sm{width:60px;height:60px;border-radius:var(--radius-xl);box-shadow:0 4px 0 0 var(--gold-700),var(--shadow-card)}.brand-badge--lg{width:120px;height:120px;border-radius:34px;box-shadow:0 8px 0 0 var(--gold-700),var(--shadow-raised)}.brand-title{font-size:var(--text-xl);font-weight:800;letter-spacing:-.5px;color:var(--text-primary);text-align:center}.brand-subtitle{font-size:var(--text-sm);font-weight:600;letter-spacing:4px;color:var(--text-secondary);text-align:center}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.section-label__value{font-size:var(--text-base);font-weight:800;color:var(--text-gold)}.section{display:flex;flex-direction:column;gap:var(--space-3)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.icon-btn:hover,.icon-btn:focus-visible{color:var(--text-primary);background:var(--surface-1)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);min-height:28px}.summary-row__value{font-weight:800;font-size:var(--text-base);color:var(--text-primary)}.choice-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);color:var(--text-secondary);text-align:center;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.choice-tile--on{border-color:var(--gold-300);background:var(--surface-2);color:var(--text-primary)}@media(max-width:359px){.screen-body,.screen-footer{padding-left:var(--space-3);padding-right:var(--space-3)}}.splash{align-items:center;justify-content:center;padding:var(--space-6)}.splash__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.splash__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--surface-border);pointer-events:none}.splash__ring--outer{width:min(88vw,380px);aspect-ratio:1;animation:splash-pulse 3.2s var(--ease-out) infinite}.splash__ring--inner{width:min(62vw,268px);aspect-ratio:1;border-color:var(--surface-border-strong);opacity:.5;animation:splash-pulse 3.2s var(--ease-out) .4s infinite}@keyframes splash-pulse{0%{transform:translate(-50%,-50%) scale(.96);opacity:.35}50%{transform:translate(-50%,-50%) scale(1.02);opacity:.75}to{transform:translate(-50%,-50%) scale(.96);opacity:.35}}.splash__brand{position:relative;gap:var(--space-5)}.splash__title{font-size:var(--text-3xl);color:var(--gold-100);text-shadow:0 2px 6px rgba(0,0,0,.45);margin-top:var(--space-2)}.splash__loading{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.splash__dots{display:flex;gap:var(--space-2)}.splash__dots i{width:9px;height:9px;border-radius:50%;background:var(--text-muted);animation:splash-dot 1.2s var(--ease-out) infinite}.splash__dots i:nth-child(2){animation-delay:.15s}.splash__dots i:nth-child(3){animation-delay:.3s}@keyframes splash-dot{0%,to{background:var(--text-muted);transform:scale(1)}40%{background:var(--gold-300);transform:scale(1.25)}}.splash__loading-text{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}@media(max-width:359px){.splash__title{font-size:var(--text-2xl)}}.login{--brand-google-bg: #ffffff;--brand-google-fg: #1f1f1f;--brand-kakao-bg: #fee500;--brand-kakao-fg: #191600;justify-content:space-between;padding:var(--space-6) var(--space-5) var(--space-8);gap:var(--space-8)}.login__hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6)}.login__title{font-size:var(--text-2xl);color:var(--gold-100)}.login__lead{font-size:var(--text-sm);line-height:1.6;text-align:center;color:var(--text-secondary)}.login__actions{display:flex;flex-direction:column;gap:var(--space-3)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:56px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:800;box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.social-btn:active{transform:translateY(2px);filter:brightness(.95)}.social-btn--google{background:var(--brand-google-bg);color:var(--brand-google-fg)}.social-btn--kakao{background:var(--brand-kakao-bg);color:var(--brand-kakao-fg)}.login__note{margin-top:var(--space-1);font-size:var(--text-xs);line-height:1.5;text-align:center;color:var(--text-muted)}.login__skip{width:100%;padding:var(--space-3);border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.login__skip:hover,.login__skip:focus-visible{color:var(--text-primary)}.tutorial{gap:var(--space-4)}.tutorial__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4) 0}.tutorial__count{font-size:var(--text-sm);font-weight:800;color:var(--text-muted);letter-spacing:1px}.tutorial__skip{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.tutorial__skip:hover,.tutorial__skip:focus-visible{color:var(--text-primary)}.tutorial__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-align:center;touch-action:pan-y;outline-offset:-4px}.tutorial__cards{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-2)}.tutorial__card-slot{position:relative;display:inline-flex;animation:tutorial-pop var(--dur-base) var(--ease-out)}.tutorial__card-slot--lose{opacity:.55;transform:scale(.9)}@keyframes tutorial-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}}.tutorial__vs{font-size:var(--text-sm);font-weight:800;letter-spacing:1px;color:var(--text-muted)}.tutorial__tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:800;box-shadow:var(--shadow-card)}.tutorial__tag--win{background:var(--success);color:var(--bg-bottom)}.tutorial__tag--lose{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--surface-border)}.tutorial__verdict{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--surface-border);font-size:var(--text-xs);font-weight:700;color:var(--text-gold)}.tutorial__title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.6px;color:var(--gold-100)}.tutorial__body{max-width:30ch;font-size:var(--text-sm);line-height:1.7;color:var(--text-secondary)}.tutorial__dots{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.tutorial__dot{width:44px;height:44px;position:relative;border-radius:var(--radius-pill)}.tutorial__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--radius-pill);background:var(--text-muted);transition:width var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.tutorial__dot--on:after{width:22px;background:var(--gold-300)}.tutorial__footer{gap:var(--space-2);padding-top:0}@media(max-width:359px){.tutorial__cards{gap:var(--space-2)}.tutorial__title{font-size:var(--text-xl)}}.install-banner{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-card);animation:install-banner-in .32s ease-out}@keyframes install-banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.install-banner__badge{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--gold-gradient);color:var(--text-on-gold)}.install-banner__body{flex:1 1 auto;min-width:0}.install-banner__title{margin:0;color:var(--text-primary);font-size:14px;font-weight:700}.install-banner__desc{margin:2px 0 0;color:var(--text-secondary);font-size:12px}.install-banner__desc b{color:var(--text-gold);font-weight:700}.install-banner__action{flex:0 0 auto;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-pill);background:var(--gold-gradient);color:var(--text-on-gold);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}.install-banner__action:active{transform:translateY(1px)}.install-banner__close{flex:0 0 auto;padding:var(--space-1);border:none;background:none;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer}.install-banner__close:hover,.install-banner__close:focus-visible{color:var(--text-primary)}.mute-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-gold);cursor:pointer;transition:color .12s ease,border-color .12s ease}.mute-btn:hover,.mute-btn:focus-visible{border-color:var(--surface-border-strong)}.mute-btn--off{color:var(--text-muted);border-color:#ffffff1f}.mute-btn:active{transform:scale(.94)}.home{gap:var(--space-4)}.home__top{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0}.home__profile{display:flex;align-items:center;gap:var(--space-3);min-height:44px;border-radius:var(--radius-pill);padding-right:var(--space-2);text-align:left}.home__avatar-ring{display:inline-flex;padding:2px;border-radius:50%;border:2px solid var(--gold-300)}.home__profile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.home__name{font-size:var(--text-base);font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home__level{font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.home__meters{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.home__coin-btn{display:inline-flex;border-radius:var(--radius-pill)}.home__icons{display:flex;align-items:center}.home__main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-8);padding:var(--space-4) var(--space-4) 0}.home__brand{gap:var(--space-4)}.home__actions{display:flex;flex-direction:column;gap:var(--space-3)}.home__notice{text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.home__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-6)}.home__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:76px;padding:var(--space-3) var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);color:var(--gold-300);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.home__tile:hover,.home__tile:focus-visible{background:var(--surface-2);border-color:var(--surface-border-strong)}.home__tile:active{transform:translateY(1px)}.home__tile-icon{position:relative;display:inline-flex}.home__tile-label{font-size:var(--text-xs);font-weight:700;color:var(--text-primary);white-space:nowrap}.home__dot{position:absolute;top:-4px;right:-6px;width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg-bottom)}@media(max-width:359px){.home__top,.home__main,.home__tiles{padding-left:var(--space-3);padding-right:var(--space-3)}.home__meters{gap:var(--space-1)}.home__tile-label{font-size:11px}}.nickname__body{align-items:center;text-align:center}.nickname__avatar{margin-top:var(--space-8)}.nickname__lead{margin-top:var(--space-5);color:var(--text-secondary);font-size:14px;line-height:1.6}.nickname__field{position:relative;display:block;width:100%;margin-top:var(--space-6)}.nickname__input{width:100%;padding:var(--space-4) 64px var(--space-4) var(--space-4);border:1px solid var(--surface-border-strong);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-primary);font-family:inherit;font-size:18px;font-weight:700;text-align:center}.nickname__input:focus{outline:none;border-color:var(--gold-300)}.nickname__input::placeholder{color:var(--text-muted);font-weight:500}.nickname__count{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.nickname__count--over{color:var(--danger)}.nickname__error{margin-top:var(--space-3);color:var(--danger);font-size:13px}.nickname__account{width:100%;margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--surface-border);text-align:center}.nickname__account-label{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:13px}.nickname__logout{padding:var(--space-3) var(--space-6);border:1px solid var(--surface-border-strong);border-radius:var(--radius-pill);background:none;color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.nickname__logout:hover,.nickname__logout:focus-visible{border-color:var(--danger);color:var(--danger)}.nickname__account-note{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.lobby{gap:var(--space-4)}.lobby__back{position:absolute;top:var(--space-3);left:var(--space-2);z-index:1;color:var(--text-primary)}.lobby__brand{gap:var(--space-3);padding:var(--space-6) var(--space-4) 0}.lobby__brand-title{font-size:var(--text-lg)}.lobby__tabs{padding:0 var(--space-4)}.lobby__group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.lobby__group{gap:var(--space-2);color:var(--gold-300)}.lobby__group-name{font-size:var(--text-sm);font-weight:800;color:var(--text-primary)}.lobby__group-desc{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.lobby__preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.lobby__preset{min-height:48px;border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-base);font-weight:700;color:var(--text-secondary);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lobby__preset--on{border-color:var(--gold-300);background:var(--surface-2);color:var(--text-gold)}.lobby__count-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.lobby__count{min-height:48px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-lg);font-weight:800;color:var(--text-secondary);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lobby__count--on{border-color:var(--gold-300);background:var(--surface-2);color:var(--text-gold)}.lobby__specials{display:flex;flex-direction:column;gap:var(--space-2)}.lobby__reset{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--surface-border-strong);background:var(--surface-1);font-size:var(--text-xs);font-weight:700;color:var(--text-gold);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lobby__reset:hover,.lobby__reset:focus-visible{background:var(--surface-2)}.lobby__reset:disabled{border-color:var(--surface-border);color:var(--text-muted)}.lobby__fixed{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.lobby__fixed-name{font-weight:600}.lobby__fixed-value{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:800;color:var(--text-gold)}.lobby__fixed-tag{padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-xs);font-style:normal;font-weight:700;color:var(--text-muted)}.lobby__hint{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}@media(max-width:359px){.lobby__brand,.lobby__tabs{padding-left:var(--space-3);padding-right:var(--space-3)}.lobby__count{font-size:var(--text-base)}.lobby__group-name{font-size:var(--text-xs)}}.matching{display:flex;flex-direction:column}.matching__brand{margin-top:var(--space-10)}.matching__title{margin-top:var(--space-3)}.matching__body{align-items:center;text-align:center}.matching__clock{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-top:var(--space-6);color:var(--text-gold);font-variant-numeric:tabular-nums}.matching__clock-value{font-size:64px;font-weight:800;line-height:1;text-shadow:0 0 24px rgba(245,212,136,.35)}.matching__clock-unit{font-size:20px;font-weight:700}.matching__clock--urgent{color:var(--danger);animation:matching-pulse 1s ease-in-out infinite}.matching__clock--urgent .matching__clock-value{text-shadow:0 0 24px rgba(232,136,136,.4)}@keyframes matching-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.matching__hint{margin-top:var(--space-2);color:var(--text-secondary);font-size:14px}.matching__summary{width:100%;margin-top:var(--space-6)}.matching__people{display:inline-flex;align-items:center;gap:var(--space-2)}.matching__seats{display:grid;grid-template-columns:repeat(4,72px);justify-content:center;gap:var(--space-4) var(--space-2);margin-top:var(--space-3);padding:0;list-style:none}.matching__seat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:matching-seat-in .24s ease-out}@keyframes matching-seat-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.matching__empty{width:48px;height:48px;border:2px dashed var(--surface-border-strong);border-radius:var(--radius-pill);opacity:.5}.matching__seat-name{max-width:72px;overflow:hidden;color:var(--text-primary);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.matching__seat-name--empty{color:var(--text-muted);font-weight:500}@media(max-width:360px){.matching__seats{grid-template-columns:repeat(3,72px)}}.matching__body .section{width:100%}.room{gap:var(--space-2)}.room__code-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-4)}.room__code-lead{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.room__code{display:flex;gap:var(--space-2)}.room__digit{display:flex;align-items:center;justify-content:center;width:64px;height:84px;border-radius:var(--radius-lg);background:var(--card-face);border:1px solid var(--card-face-border);box-shadow:var(--shadow-card);font-size:var(--text-3xl);font-weight:800;color:var(--bg-top)}.room__code-actions{display:flex;gap:var(--space-3)}.room__code-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-base);font-weight:700;color:var(--text-primary);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.room__code-btn:hover,.room__code-btn:focus-visible{background:var(--surface-2);border-color:var(--surface-border-strong)}.room__code-btn:active{transform:translateY(1px)}.room__code-btn--copy{border-color:var(--surface-border-strong);color:var(--text-gold)}.room__notice{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-align:center}.room__slots{display:flex;flex-direction:column;gap:var(--space-3)}.room__slot{display:flex;align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1)}.room__slot--empty{background:transparent;border-style:dashed;border-color:var(--surface-border-strong);opacity:.7}.room__slot-ghost{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:2px dashed var(--surface-border-strong);flex-shrink:0;font-size:var(--text-sm);font-weight:800;color:var(--text-muted)}.room__slot--ai{opacity:1;border-style:solid;border-color:var(--surface-border);background:var(--surface-1)}.room__slot--ai .room__slot-ghost{border-style:solid;color:var(--text-gold)}.room__slot--ai .room__slot-name--empty{color:var(--text-secondary)}.room__slot-name{font-size:var(--text-base);font-weight:800;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room__slot-name--empty{font-weight:600;color:var(--text-muted)}.room__slot-mark{display:inline-flex;margin-left:auto;flex-shrink:0}.room__slot-mark--host{color:var(--gold-300)}.room__slot-mark--ready{color:var(--success)}.room__options{display:flex;flex-direction:column;gap:var(--space-2)}.room__settings-note{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);white-space:nowrap}.room__ai-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.room__ai-toggle--on{border-color:var(--gold-300);background:var(--surface-2)}.room__ai-toggle:disabled{opacity:.6}.room__ai-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--surface-border-strong);color:var(--text-on-gold);flex-shrink:0}.room__ai-toggle--on .room__ai-box{background:var(--gold-gradient);border-color:var(--gold-500)}.room__ai-text{display:flex;flex-direction:column;gap:2px;font-size:var(--text-base);font-weight:800;color:var(--text-primary);min-width:0}.room__ai-hint{font-size:var(--text-xs);font-style:normal;font-weight:600;color:var(--text-muted)}@media(max-width:359px){.room__digit{width:54px;height:72px;font-size:var(--text-2xl)}.room__code-btn{padding:0 var(--space-3);font-size:var(--text-sm)}.room__slot{gap:var(--space-3);padding-left:var(--space-3);padding-right:var(--space-3)}}.coin{gap:var(--space-2)}.coin__balance{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}.coin__balance-icon{display:inline-flex;color:var(--gold-300)}.coin__balance-value{font-size:var(--text-3xl);font-weight:800;letter-spacing:-1px;color:var(--text-gold)}.coin__balance-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.coin__ad{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:0 var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);color:var(--gold-300);text-align:left;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.coin__ad:hover,.coin__ad:focus-visible{background:var(--surface-2);border-color:var(--surface-border-strong)}.coin__ad:active{transform:translateY(1px)}.coin__ad-label{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.coin__ad-reward{margin-left:auto;font-size:var(--text-base);font-weight:800;color:var(--text-gold)}.coin__list{display:flex;flex-direction:column;gap:var(--space-3)}.coin__item{position:relative}.coin__pack{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:76px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);color:var(--gold-300);text-align:left;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.coin__pack:hover,.coin__pack:focus-visible{background:var(--surface-2);border-color:var(--surface-border-strong)}.coin__pack:active{transform:translateY(1px)}.coin__pack--popular{border-color:var(--gold-300);background:var(--surface-2)}.coin__pack-icon{display:inline-flex;flex-shrink:0}.coin__pack-text{display:flex;flex-direction:column;gap:2px;min-width:0}.coin__pack-amount{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);line-height:1.1}.coin__pack-bonus{font-size:var(--text-sm);font-weight:800;color:var(--success)}.coin__pack-price{margin-left:auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--text-base);font-weight:800;color:var(--text-primary);white-space:nowrap}.coin__pack-badge{position:absolute;top:calc(var(--space-4) * -1);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--gold-gradient);border-color:var(--gold-500);color:var(--text-on-gold);font-size:var(--text-xs);box-shadow:var(--shadow-card);pointer-events:none}.coin__notice{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.coin__legal{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}@media(max-width:359px){.coin__pack{gap:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3)}.coin__pack-price{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.coin__pack-amount{font-size:var(--text-lg)}}.shop{gap:var(--space-3)}.shop__coin-btn{display:inline-flex;border-radius:var(--radius-pill)}.shop__tabs{padding:0 var(--space-4)}.shop__tabs .segmented__item{padding:0 var(--space-1);font-size:var(--text-sm)}.shop__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.shop__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;height:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);text-align:left;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.shop__item:hover,.shop__item:focus-visible{background:var(--surface-2);border-color:var(--surface-border-strong)}.shop__item:active{transform:translateY(1px)}.shop__item--owned{border-color:var(--surface-border-strong)}.shop__thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 3;margin-bottom:var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.shop__tag{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-overlay);font-size:11px;font-weight:800;color:var(--text-gold);white-space:nowrap}.shop__check{position:absolute;right:var(--space-2);bottom:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-overlay);color:var(--success)}.shop__tier{font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.shop__name{font-size:var(--text-base);font-weight:800;color:var(--text-primary);line-height:1.3}.shop__desc{font-size:var(--text-xs);line-height:1.5;color:var(--text-secondary)}.shop__price{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-top:auto;padding-top:var(--space-2);color:var(--gold-300)}.shop__price-value{font-size:var(--text-base);font-weight:800;color:var(--text-gold)}.shop__list-price{font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.shop__discount{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);font-size:11px;font-weight:800;color:var(--success)}.shop__owned{font-size:var(--text-sm);font-weight:800;color:var(--success)}.shop__notice{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.shop__legal{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}@media(max-width:359px){.shop__tabs{padding-left:var(--space-3);padding-right:var(--space-3)}.shop__tabs .segmented__item{font-size:var(--text-xs)}.shop__grid{gap:var(--space-2)}.shop__name{font-size:var(--text-sm)}}.records{gap:var(--space-2)}.records__loading{padding:var(--space-8) 0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.records__summary{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl)}.records__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.records__rate{font-size:var(--text-4xl);font-weight:800;line-height:1;letter-spacing:-2px;color:var(--text-gold)}.records__rate-label{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.records__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--surface-border)}.records__stat{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-height:28px}.records__stat dt{font-size:var(--text-sm);color:var(--text-secondary)}.records__stat dd{font-size:var(--text-base);font-weight:800;color:var(--text-primary);white-space:nowrap}.records__stat-gold{color:var(--text-gold)}.records__list{display:flex;flex-direction:column;gap:var(--space-2)}.records__item{display:flex;align-items:center;gap:var(--space-3);min-height:62px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1)}.records__item--win{border-color:var(--surface-border-strong);background:var(--surface-2)}.records__rank{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--text-sm);font-weight:800;color:var(--text-secondary)}.records__rank--win{background:var(--gold-gradient);color:var(--gold-900);box-shadow:0 2px 0 0 var(--gold-700)}.records__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.records__title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.records__online{margin-left:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--surface-border);font-size:var(--text-xs);font-weight:700;color:var(--success);white-space:nowrap}.records__meta{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.records__score{flex-shrink:0;font-size:var(--text-lg);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.records__score--up{color:var(--success)}.records__score--down{color:var(--danger)}.records__score--flat{color:var(--text-secondary)}.records__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);text-align:center}.records__empty-mark{margin-bottom:var(--space-2)}.records__empty-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.records__empty-desc{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.records__empty-btn{margin-top:var(--space-5);min-width:200px}.records__legal{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}@media(max-width:359px){.records__stats{grid-template-columns:1fr}.records__item{gap:var(--space-2);padding-right:var(--space-3)}.records__score{font-size:var(--text-base)}}.friends{gap:var(--space-2)}.friends__loading{padding:var(--space-6) 0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.friends__error{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-sm);font-weight:600;line-height:1.6;color:var(--text-secondary);text-align:center}.friends__code-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-4)}.friends__code-lead{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.friends__code{display:flex;gap:var(--space-1)}.friends__code-char{display:flex;align-items:center;justify-content:center;width:46px;height:62px;border-radius:var(--radius-md);background:var(--card-face);border:1px solid var(--card-face-border);box-shadow:var(--shadow-card);font-size:var(--text-2xl);font-weight:800;color:var(--bg-top)}.friends__code-actions{display:flex;gap:var(--space-3)}.friends__code-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-base);font-weight:700;color:var(--text-primary);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.friends__code-btn:hover:not(:disabled),.friends__code-btn:focus-visible{background:var(--surface-2);border-color:var(--surface-border-strong)}.friends__code-btn:active:not(:disabled){transform:translateY(1px)}.friends__code-btn:disabled{opacity:.5}.friends__code-btn--copy{border-color:var(--surface-border-strong);color:var(--text-gold)}.friends__notice{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-align:center}.friends__add{display:flex;gap:var(--space-2)}.friends__input{flex:1;min-width:0;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-1);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;letter-spacing:2px;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out)}.friends__input::placeholder{font-size:var(--text-base);font-weight:600;letter-spacing:0;color:var(--text-muted)}.friends__input:focus{border-color:var(--gold-300)}.friends__input:disabled{opacity:.6}.friends__add-msg{font-size:var(--text-sm);font-weight:600;line-height:1.5}.friends__add-msg--ok{color:var(--success)}.friends__add-msg--err{color:var(--danger)}.friends__invite{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.friends__invite-title{font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.friends__invite-desc{font-size:var(--text-xs);font-weight:600;line-height:1.6;color:var(--text-secondary)}.friends__invite .btn{margin-top:var(--space-2);align-self:stretch}.friends__list{display:flex;flex-direction:column;gap:var(--space-2)}.friends__item{display:flex;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1)}.friends__item--confirm{border-color:var(--danger);background:var(--surface-2)}.friends__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.friends__name{font-size:var(--text-base);font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends__meta{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.friends__remove{flex-shrink:0;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.friends__remove:hover:not(:disabled),.friends__remove:focus-visible{color:var(--danger);background:var(--surface-2)}.friends__remove:disabled{opacity:.6}.friends__confirm-text{flex:1;min-width:0;font-size:var(--text-sm);font-weight:600;line-height:1.5;color:var(--text-primary)}.friends__confirm-actions{display:flex;gap:var(--space-2);flex-shrink:0}.friends__confirm-btn{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-1);font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.friends__confirm-btn:hover,.friends__confirm-btn:focus-visible{border-color:var(--surface-border-strong);color:var(--text-primary)}.friends__confirm-btn--yes{border-color:var(--danger);color:var(--danger)}.friends__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);text-align:center}.friends__empty-title{font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.friends__empty-desc{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.friends__signin{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);text-align:center}.friends__signin-mark{margin-bottom:var(--space-2)}.friends__signin-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.friends__signin-desc{font-size:var(--text-sm);font-weight:600;line-height:1.6;color:var(--text-secondary)}.friends__signin-btn{margin-top:var(--space-5);min-width:200px}.friends__legal{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}@media(max-width:359px){.friends__code-char{width:40px;height:54px;font-size:var(--text-xl)}.friends__code-btn{padding:0 var(--space-3);font-size:var(--text-sm)}.friends__item{gap:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3)}}.settings__group{padding:0;overflow:hidden}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-primary)}.settings__row+.settings__row,.settings__row+.settings__confirm{border-top:1px solid var(--surface-border)}.settings__row--link,.settings__row--toggle{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.settings__row--link:hover,.settings__row--link:focus-visible,.settings__row--toggle:hover,.settings__row--toggle:focus-visible{background:var(--surface-1)}.settings__row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings__row-label{font-size:var(--text-base);font-weight:700}.settings__row-desc{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings__row-value{flex-shrink:0;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.settings__row--danger .settings__row-label{color:var(--danger)}.settings__chevron{flex-shrink:0;transform:rotate(180deg);color:var(--text-muted)}.settings__switch{position:relative;flex-shrink:0;width:52px;height:30px;border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--surface-1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.settings__switch--on{background:var(--gold-gradient);border-color:var(--gold-500)}.settings__switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text-secondary);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-out),background var(--dur-fast) var(--ease-out)}.settings__switch--on .settings__switch-knob{transform:translate(22px);background:var(--card-face)}.settings__hint{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}.settings__notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--surface-border);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:center}.settings__confirm{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--surface-2)}.settings__confirm-title{font-size:var(--text-base);font-weight:800;color:var(--danger)}.settings__confirm-desc{font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.settings__confirm-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.settings__confirm-delete{border-color:var(--danger);color:var(--danger)}.settings__credits{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:auto;padding-top:var(--space-8);text-align:center}.settings__credits-mark{margin-bottom:var(--space-2);color:var(--text-muted);opacity:.6}.settings__credit{font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;color:var(--text-muted)}@media(max-width:359px){.settings__row{padding-left:var(--space-3);padding-right:var(--space-3)}.settings__confirm-actions{flex-direction:column}}.emote-bar{position:relative;flex:0 0 auto}.emote-bar__toggle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--surface-border-strong);color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.emote-bar__toggle:not(:disabled):active{transform:scale(.94)}.emote-bar__toggle--on{background:var(--surface-2);color:var(--gold-300);border-color:var(--gold-300)}.emote-bar__toggle:disabled{opacity:.45}.emote-bar__tray{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:3;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-raised);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-raised);animation:emote-tray-in var(--dur-fast) var(--ease-out) both}@keyframes emote-tray-in{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}.emote-bar__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.emote-bar__btn:not(:disabled):active{transform:scale(.9);background:var(--surface-2)}.emote-bar__btn:disabled{opacity:.45}.emote-bar__btn--on{background:var(--surface-2)}.emote-bar__btn--laugh{color:var(--warning)}.emote-bar__btn--angry{color:var(--danger)}.emote-bar__btn--shock{color:var(--gold-300)}.emote-bar__btn--think{color:var(--success)}.emote-bubble{position:absolute;bottom:calc(100% - 20px);left:calc(100% - 10px);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--surface-raised);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-raised);color:var(--text-primary);animation:emote-pop var(--dur-base) var(--ease-out);pointer-events:none}.emote-bubble:after{content:"";position:absolute;top:calc(100% - 2px);left:6px;width:0;height:0;border:6px solid transparent;border-top-color:var(--surface-raised)}.emote-bubble--laugh{color:var(--warning)}.emote-bubble--angry{color:var(--danger)}.emote-bubble--shock{color:var(--gold-300)}.emote-bubble--think{color:var(--success)}@keyframes emote-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}to{opacity:1;transform:none}}@media(max-height:700px){.emote-bar__toggle{width:48px;height:48px}}.player-strip{display:flex;align-items:flex-start;justify-content:space-around;gap:var(--space-2);padding:22px var(--space-3) var(--space-1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-shrink:0}.player-strip::-webkit-scrollbar{display:none}.player-strip__item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;flex:0 1 auto;transition:opacity var(--dur-base) var(--ease-out)}.player-strip__item:not(.player-strip__item--active) .player-strip__name{color:var(--text-secondary)}.player-strip__avatar{position:relative;display:inline-flex;transition:transform var(--dur-base) var(--ease-out)}.player-strip__item--active .player-strip__avatar{transform:translateY(-2px)}.player-strip__item--leader .avatar__crown{width:30px;height:30px;top:-20px;color:var(--gold-100);filter:drop-shadow(0 0 6px var(--gold-500)) drop-shadow(0 2px 3px rgba(0,0,0,.55))}.player-strip__item--leader .avatar--sm .avatar__crown{width:24px;height:24px;top:-16px}.player-strip__item--leader .avatar{border-color:var(--gold-500)}.player-strip__item--active .avatar{border-color:var(--success);box-shadow:0 0 0 4px #8fe0b42e,0 0 14px #8fe0b473}.player-strip__item--active .player-strip__avatar:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--success);opacity:0;animation:turn-pulse 1.8s var(--ease-out) infinite;pointer-events:none}@keyframes turn-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.player-strip__pointer{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid transparent;transition:border-bottom-color var(--dur-fast) var(--ease-out)}.player-strip__item--active .player-strip__pointer{border-bottom-color:var(--success);animation:turn-pointer-in var(--dur-base) var(--ease-out) both}@keyframes turn-pointer-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.player-strip__me{position:absolute;right:-4px;bottom:-2px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--radius-pill);background:var(--gold-gradient);border:1.5px solid var(--bg-bottom);color:var(--text-on-gold);font-size:11px;font-weight:800;line-height:1;letter-spacing:-.5px}.player-strip__name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:800;color:var(--text-primary);letter-spacing:-.2px;line-height:1.2}.player-strip__item--active .player-strip__name{color:var(--success)}.player-strip__meta{display:inline-flex;align-items:center;gap:var(--space-1);line-height:1.2}.player-strip__count{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.player-strip__count strong{color:var(--text-secondary);font-weight:800}.player-strip__item--active .player-strip__count strong{color:var(--text-primary)}.player-strip__ai{padding:0 5px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--surface-border);font-size:10px;font-weight:800;color:var(--text-muted);line-height:15px;white-space:nowrap}@media(max-width:359px){.player-strip{padding-left:var(--space-2);padding-right:var(--space-2)}.player-strip__item{min-width:54px}.player-strip__name{max-width:62px}}@media(max-height:700px){.player-strip{padding-top:20px}.player-strip__name{font-size:var(--text-xs)}}.trick-zone{position:relative;flex:1 1 auto;min-height:168px;display:flex;flex-direction:column;margin:0 var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--surface-border);background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.05) 0%,transparent 60%),#0000002e;box-shadow:inset 0 2px 12px #00000059}.trick-zone__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:26px;flex-shrink:0}.trick-zone__lead{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-1);font-size:var(--text-xs);font-weight:700;color:var(--text-secondary)}.trick-zone__lead b{font-size:var(--text-base);line-height:1}.trick-zone__lead--red b{color:var(--danger)}.trick-zone__lead--black b{color:var(--text-primary)}.trick-zone__cards{flex:1 1 auto;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:var(--space-2) var(--space-2);padding-bottom:20px;overflow:visible}.trick-zone__seat{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}.trick-zone__card{display:inline-flex;border-radius:var(--radius-md);animation:trick-card-drop var(--dur-slow) var(--ease-out) both}@keyframes trick-card-drop{0%{opacity:0;transform:translateY(-34px) rotate(-6deg) scale(.9)}to{opacity:1;transform:none}}.trick-zone__player{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:700;color:var(--text-muted);min-height:14px;line-height:14px}.trick-zone__seat--winner .trick-zone__card{box-shadow:0 0 0 3px var(--gold-300),0 0 18px #f5d48873,var(--shadow-card);animation:trick-card-drop var(--dur-slow) var(--ease-out) both,trick-winner-pop var(--dur-base) var(--ease-out)}.trick-zone__seat--winner .trick-zone__player{color:var(--text-gold)}@keyframes trick-winner-pop{0%{transform:scale(1)}55%{transform:scale(1.08)}to{transform:scale(1)}}.trick-zone__seat--empty{opacity:.7}.trick-zone__footer{position:absolute;left:var(--space-2);right:var(--space-2);bottom:var(--space-1);display:flex;align-items:center;justify-content:center;pointer-events:none}.trick-zone__result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--surface-overlay);border:1px solid var(--surface-border-strong);font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);box-shadow:var(--shadow-card);animation:trick-banner-in var(--dur-base) var(--ease-out)}.trick-zone__result strong{color:var(--text-gold);font-weight:800}.trick-zone__bonus{font-size:var(--text-xs);font-weight:800;color:var(--success)}@keyframes trick-banner-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:359px){.trick-zone{margin:0 var(--space-2);padding:var(--space-1) var(--space-1) var(--space-2)}.trick-zone__cards{gap:var(--space-1)}}.hand-rail{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-4);flex-shrink:0}.hand-rail__status{text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:-.2px}.hand-rail__status b{font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.hand-rail__frame{position:relative;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface-1);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.hand-rail__frame--turn{border-color:var(--success);box-shadow:0 0 0 3px #8fe0b424}.hand-rail__turn{position:absolute;top:-10px;left:50%;z-index:2;display:inline-flex;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--bg-bottom);color:var(--success);font-size:var(--text-xs);font-weight:800;line-height:18px;letter-spacing:-.2px;transform:translate(-50%);animation:hand-turn-in var(--dur-base) var(--ease-out) both}@keyframes hand-turn-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hand-rail__cards{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2) var(--space-2)}.hand-rail__cards--multi{gap:var(--space-1);padding-top:var(--space-3)}.hand-rail__row{display:flex;justify-content:center;align-items:flex-end;gap:var(--space-2);max-width:100%}.hand-rail__cards--multi .hand-rail__row{gap:6px}.hand-rail__slot{position:relative;display:flex;flex:0 0 auto;align-items:flex-end;animation:hand-card-in var(--dur-base) var(--ease-out) both}@keyframes hand-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hand-rail__slot .pcard--selected{z-index:2;box-shadow:0 0 0 3px var(--success),var(--shadow-card)}.hand-rail__cards--multi .pcard--selected{transform:translateY(-6px)}.hand-rail__slot .pcard--playable:active{transform:translateY(-6px) scale(.97)}.hand-rail__slot .pcard--playable.pcard--selected:active{transform:translateY(-12px) scale(.97)}.hand-rail__empty{padding:var(--space-5) var(--space-4);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.hand-rail__action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;padding-bottom:max(var(--space-1),env(safe-area-inset-bottom))}.hand-rail__action .btn{min-height:52px}@media(max-width:359px){.hand-rail{padding-left:var(--space-2);padding-right:var(--space-2)}.hand-rail__row{gap:var(--space-1)}.hand-rail__cards{padding-left:var(--space-1);padding-right:var(--space-1)}}@media(max-height:700px){.hand-rail__cards{padding-top:var(--space-3);padding-bottom:var(--space-1)}.hand-rail__action .btn{min-height:48px}}.bid-overlay{display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}.bid-overlay__eyebrow{font-size:var(--text-sm);font-weight:800;color:var(--text-secondary);letter-spacing:-.2px}.bid-overlay__players{display:flex;align-items:flex-start;justify-content:space-around;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.bid-overlay__players::-webkit-scrollbar{display:none}.bid-overlay__player{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:var(--space-2);min-width:60px}.bid-overlay__player-name{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary)}.bid-overlay__lock{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--success);color:var(--surface-overlay);animation:bid-lock-pop var(--dur-base) var(--ease-out) both}@keyframes bid-lock-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.bid-overlay__waiting{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);line-height:26px}.bid-overlay__timer{display:flex;justify-content:center}.bid-overlay__prompt{text-align:center;font-size:var(--text-base);font-weight:600;color:var(--text-secondary);letter-spacing:-.3px}.bid-overlay__value{text-align:center;font-size:var(--text-3xl);font-weight:800;line-height:1;color:var(--gold-100);font-variant-numeric:tabular-nums;text-shadow:0 0 22px var(--gold-900);animation:bid-value-pop var(--dur-base) var(--ease-out)}@keyframes bid-value-pop{0%{transform:scale(.82);opacity:.4}to{transform:scale(1);opacity:1}}.bid-overlay__dial{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.bid-overlay__dial::-webkit-scrollbar{display:none}.bid-overlay__dial:before,.bid-overlay__dial:after{content:"";flex:1 0 0;min-width:0}.bid-overlay__choice{flex:0 0 auto;width:46px;height:46px;border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--surface-border);font-size:var(--text-lg);font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.bid-overlay__choice:not(:disabled):active{transform:scale(.92)}.bid-overlay__choice--on{width:56px;height:56px;background:var(--gold-gradient);border-color:var(--gold-500);color:var(--text-on-gold);box-shadow:0 3px 0 0 var(--gold-700);font-size:var(--text-xl)}.bid-overlay__choice:disabled{opacity:.5}.bid-overlay__hand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding-bottom:var(--space-1)}.bid-overlay__hand-row{display:flex;justify-content:center;align-items:center;gap:6px;max-width:100%}.bid-overlay__hand-slot{display:flex;flex:0 0 auto;animation:bid-hand-in var(--dur-base) var(--ease-out) both}@keyframes bid-hand-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bid-overlay__action{padding-top:var(--space-1)}@media(max-width:359px){.bid-overlay{gap:var(--space-2)}.bid-overlay__hand-row{gap:var(--space-1)}.bid-overlay__choice{width:44px;height:44px}.bid-overlay__choice--on{width:50px;height:50px}.bid-overlay__player{min-width:52px}}@media(max-height:700px){.bid-overlay{gap:var(--space-2)}.bid-overlay__value{font-size:var(--text-2xl)}.bid-overlay__choice{width:42px;height:42px}.bid-overlay__choice--on{width:50px;height:50px}}.round-result{display:flex;flex-direction:column;gap:var(--space-3)}.round-result__eyebrow{text-align:center;font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.round-result__title{text-align:center;font-size:var(--text-2xl);font-weight:800;color:var(--gold-100);letter-spacing:-.5px;text-shadow:0 0 18px rgba(237,184,82,.45)}.round-result__list{display:flex;flex-direction:column;gap:var(--space-3);max-height:58dvh;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1) 0;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent 100%)}.round-result__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid transparent;background:var(--surface-1);animation:result-row-in var(--dur-base) var(--ease-out) both;animation-delay:calc(var(--row-index, 0) * 70ms)}@keyframes result-row-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.round-result__row--me{background:var(--surface-2);border-color:var(--gold-300);box-shadow:var(--shadow-card)}.round-result__info{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-width:0}.round-result__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.round-result__bid{font-size:var(--text-xs);font-weight:600;white-space:nowrap}.round-result__bid--hit{color:var(--success)}.round-result__bid--miss{color:var(--danger)}.round-result__bonus{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.round-result__bonus svg{flex-shrink:0;color:var(--gold-300)}.round-result__bonus b{font-weight:800;color:var(--success)}.round-result__points{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:var(--space-1);text-align:right}.round-result__delta{font-size:var(--text-xl);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.round-result__delta--up{color:var(--success)}.round-result__delta--down{color:var(--danger)}.round-result__delta--flat{color:var(--text-secondary)}.round-result__total{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.round-result__action{padding-top:var(--space-1)}.round-result__action .btn{background:linear-gradient(180deg,var(--gold-100) 0%,var(--gold-300) 100%);color:var(--text-on-gold);box-shadow:0 4px 0 0 var(--gold-500),0 0 22px #ffdb8f47}.round-result__action .btn:not(:disabled):active{box-shadow:0 1px 0 0 var(--gold-500)}@media(max-width:359px){.round-result__row{gap:var(--space-2);padding:var(--space-2)}.round-result__delta{font-size:var(--text-lg)}}.game-screen{height:100dvh;overflow:hidden;gap:var(--space-1)}.game-screen__top{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) 0;flex-shrink:0}.game-screen__exit{width:36px;height:36px;margin-left:-10px;flex-shrink:0}.game-screen__round{font-size:var(--text-base);font-weight:800;letter-spacing:-.3px;color:var(--text-primary);white-space:nowrap}.game-screen__top .btn{width:auto;margin-left:auto}.game-screen .hand-rail,.game-screen .player-strip{flex-shrink:0}.game-screen--loading{align-items:center;justify-content:center}.game-screen__loading{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.scoreboard{display:flex;flex-direction:column;gap:var(--space-3)}.scoreboard__title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:800;color:var(--text-primary);text-align:center}.scoreboard__title span{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary)}.scoreboard__title--final{color:var(--text-gold)}.scoreboard__list{display:flex;flex-direction:column;gap:var(--space-2);max-height:48vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.scoreboard__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface-1)}.scoreboard__row--me{border-color:var(--gold-300);background:var(--surface-2)}.scoreboard__row--top .scoreboard__score{color:var(--text-gold)}.scoreboard__rank{width:20px;flex-shrink:0;font-size:var(--text-sm);font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums}.scoreboard__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.scoreboard__score{flex-shrink:0;font-size:var(--text-base);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.scoreboard__row--top{margin-top:var(--space-2)}@media(max-width:359px){.game-screen__top{padding-left:var(--space-2);padding-right:var(--space-2)}}:root{--bg-top: #14523c;--bg-bottom: #0c3227;--bg-gradient: radial-gradient(120% 80% at 50% 0%, #1c6b4d 0%, var(--bg-top) 45%, var(--bg-bottom) 100%);--surface-1: rgba(255, 255, 255, .08);--surface-2: rgba(255, 255, 255, .13);--surface-raised: #17513c;--surface-overlay: #123f30;--navy-500: #1f2f5e;--navy-700: #16224a;--surface-border: rgba(250, 220, 150, .22);--surface-border-strong: rgba(250, 220, 150, .55);--gold-100: #fff3d4;--gold-300: #ffdb8f;--gold-500: #edb852;--gold-700: #b8862f;--gold-900: #7a5718;--gold-gradient: linear-gradient(180deg, var(--gold-300) 0%, var(--gold-500) 100%);--gold-shadow: 0 4px 0 0 var(--gold-700);--gold-shadow-pressed: 0 1px 0 0 var(--gold-700);--text-primary: #f7faf6;--text-gold: var(--gold-300);--text-secondary: #b8d8c6;--text-muted: #86a897;--text-on-gold: #452f0c;--success: #8fe0b4;--danger: #ff9a9a;--warning: #ffd47e;--card-face: #ffffff;--card-face-border: rgba(0, 0, 0, .1);--card-red: #d63b3b;--card-black: #1c1c1c;--card-hakju: var(--gold-gradient);--card-hakju-text: #452f0c;--card-student: #6b9bd8;--card-student-text: #123a63;--card-parent: #e59ab6;--card-parent-text: #6d1f3d;--card-ddaeng: #b9c9bd;--card-ddaeng-text: #34473b;--avatar-green: #2f6f52;--avatar-brown: #7a5232;--avatar-blue: #35608f;--avatar-plum: #6d3b58;--avatar-teal: #2c6a6a;--avatar-olive: #5f6b30;--avatar-rust: #8a4b32;--avatar-slate: #4a5568;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .35);--shadow-raised: 0 6px 20px rgba(0, 0, 0, .4);--shadow-overlay: 0 12px 48px rgba(0, 0, 0, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .14s;--dur-base: .24s;--dur-slow: .42s;--app-max-width: 480px;--z-overlay: 100;--z-toast: 200}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-bottom);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{display:flex;justify-content:center;background:var(--bg-gradient);background-attachment:fixed}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}.app-shell{width:100%;max-width:var(--app-max-width);min-height:100dvh;display:flex;flex-direction:column;position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}:focus-visible{outline:2px solid var(--gold-300);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}