.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:var(--s-3) var(--s-5);border-radius:var(--r-full);font-weight:700;font-size:var(--t-md);letter-spacing:-.01em;white-space:nowrap;transition:opacity var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out), background var(--dur) var(--ease-out);display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--full{width:100%}.btn--lg{min-height:60px;font-size:var(--t-lg);padding:var(--s-4) var(--s-6)}.btn--primary{background:var(--grad-main);color:#fff;box-shadow:var(--shadow-md), 0 0 24px #a855f747}.btn--primary:not(:disabled):hover{box-shadow:var(--shadow-lg), 0 0 34px #a855f76b}.btn--soft{background:var(--surface-strong);border:1px solid var(--surface-border);color:var(--text)}.btn--ghost{color:var(--text-soft);padding-inline:var(--s-4);background:0 0}.btn--ghost:not(:disabled):hover{color:var(--text);background:var(--surface)}.btn--danger{color:#fca5a5;background:0 0;border:1px solid #ef444466}.btn--danger:not(:disabled):hover{background:#ef44441f}.ad{z-index:940;padding:var(--s-5);-webkit-backdrop-filter:blur(10px);background:#05020cd1;place-items:center;display:grid;position:fixed;inset:0}.ad__panel{gap:var(--s-4);width:100%;max-width:380px;padding:var(--s-4);background:var(--bg-raised);border:1px solid var(--surface-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.ad__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.ad__tag{padding:2px var(--s-2);border:1px solid var(--surface-border);border-radius:var(--r-sm);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.ad__slot{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-xs);color:var(--text-soft);font-weight:600;overflow:hidden}.ad__loading{min-height:180px;font-size:var(--t-sm);color:var(--text-faint);place-items:center;display:grid}.ad__house{align-items:center;gap:var(--s-2);min-height:180px;padding:var(--s-5) var(--s-4);text-align:center;border-radius:var(--r-md);background:radial-gradient(80% 100% at 50% 0%, #a855f759, transparent 70%), var(--surface);border:1px solid var(--surface-border);flex-direction:column;justify-content:center;display:flex}.ad__houseEmoji{font-size:40px;line-height:1}.ad__houseTitle{font-size:var(--t-lg);letter-spacing:-.02em;font-weight:800}.ad__houseBody{font-size:var(--t-sm);color:var(--text-soft)}.ad__progress{border-radius:var(--r-full);background:var(--surface-strong);height:4px;overflow:hidden}.ad__bar{transform-origin:0;border-radius:var(--r-full);background:var(--grad-main);height:100%;display:block}.ad__foot{align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.ad__hint{text-align:center}.ad__cancel{min-height:var(--tap);padding:0 var(--s-4);font-size:var(--t-sm);color:var(--text-faint);text-underline-offset:3px;font-weight:600;text-decoration:underline}.reactions{justify-content:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.reactions__btn{width:var(--tap);height:var(--tap);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--surface-border);place-items:center;font-size:26px;line-height:1;display:grid}.floaters{pointer-events:none;z-index:500;position:fixed;inset:0;overflow:hidden}.floaters__emoji{filter:drop-shadow(0 4px 12px #00000073);will-change:transform, opacity;font-size:40px;line-height:1;position:absolute;bottom:22%}.countdown{justify-content:center;align-items:center;gap:var(--s-5);text-align:center;flex-direction:column;flex:1;display:flex}.countdown__label{font-size:var(--t-lg);color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.countdown__stage{place-items:center;width:220px;height:220px;display:grid;position:relative}.countdown__number{letter-spacing:-.06em;background:var(--grad-main);color:#0000;filter:drop-shadow(0 8px 30px #a855f780);-webkit-background-clip:text;background-clip:text;grid-area:1/1;font-size:clamp(6rem,34vw,11rem);font-weight:900;line-height:1}.countdown__ring{border-radius:var(--r-full);border:3px solid var(--violet);pointer-events:none;grid-area:1/1;width:200px;height:200px}.countdown__theme{padding:var(--s-2) var(--s-4);background:var(--grad-cool);border-radius:var(--r-full);font-weight:800;font-size:var(--t-sm)}.chat{gap:var(--s-2);flex-direction:column;flex:1;min-height:0;display:flex}.chat__list{gap:var(--s-2);min-height:96px;max-height:34vh;padding:var(--s-2);flex-direction:column;flex:1;display:flex}.chat__empty{font-size:var(--t-sm);color:var(--text-faint);text-align:center;margin:auto}.chat__msg{max-width:85%;padding:var(--s-2) var(--s-3);background:var(--surface);border-left:3px solid var(--player-color);border-radius:var(--r-md);font-size:var(--t-sm);flex-direction:column;align-self:flex-start;gap:2px;display:flex}.chat__msg--mine{border-left:none;border-right:3px solid var(--player-color);background:var(--surface-strong);align-self:flex-end}.chat__author{font-size:var(--t-xs);color:var(--player-color);font-weight:700}.chat__text{overflow-wrap:anywhere}.chat__blocked{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-size:var(--t-sm);color:#fca5a5;background:#ef444424;border:1px solid #ef44445c;flex-direction:column;gap:2px;display:flex}.chat__form{gap:var(--s-2);display:flex}.chat__input{flex:1}.chat__send{width:var(--tap);height:var(--tap);border-radius:var(--r-full);background:var(--grad-main);color:#fff;font-size:var(--t-lg);transition:opacity var(--dur-fast) var(--ease-out);flex-shrink:0;place-items:center;display:grid}.chat__send:disabled{opacity:.35}.avatar{border-radius:var(--r-full);background:color-mix(in srgb, var(--player-color) 22%, transparent);border:2px solid color-mix(in srgb, var(--player-color) 55%, transparent);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);flex-shrink:0;place-items:center;display:grid;position:relative}.avatar--sm{width:32px;height:32px;font-size:16px}.avatar--md{width:48px;height:48px;font-size:24px}.avatar--lg{width:72px;height:72px;font-size:36px}.avatar__emoji{filter:drop-shadow(0 2px 4px #00000059);line-height:1}.avatar--on{border-color:var(--player-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--player-color) 25%, transparent), 0 0 22px color-mix(in srgb, var(--player-color) 45%, transparent)}.avatar--away{opacity:.35;filter:grayscale()}.avatar__away{border-radius:var(--r-full);background:var(--text-faint);border:2px solid var(--bg);width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.timer{flex-shrink:0;place-items:center;display:grid;position:relative}.timer__svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer__track{fill:none;stroke:#ffffff1a}.timer__fill{fill:none;stroke:var(--violet);transition:stroke var(--dur) var(--ease-out)}.timer__label{font-size:var(--t-xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.timer--urgent .timer__fill{stroke:var(--red)}.timer--urgent .timer__label{color:#fca5a5;animation:timer-beat 1s var(--ease-out) infinite}@keyframes timer-beat{0%,to{transform:scale(1)}40%{transform:scale(1.16)}}.discussion{gap:var(--s-3);flex-direction:column;flex:1;min-height:0;display:flex}.discussion__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.discussion__meta{gap:var(--s-1)}.discussion__words{gap:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}.discussion__word{padding:var(--s-1) var(--s-3);background:color-mix(in srgb, var(--player-color) 16%, transparent);border:1px solid color-mix(in srgb, var(--player-color) 45%, transparent);border-radius:var(--r-full);font-weight:700;font-size:var(--t-sm)}.discussion__word--partial{border-color:var(--amber);box-shadow:0 0 14px #f59e0b4d}.discussion__foot{gap:var(--s-3);padding-top:var(--s-2);flex-direction:column;margin-top:auto;display:flex}.discussion__ready{justify-content:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.match{justify-content:center;align-items:center;gap:var(--s-5);text-align:center;flex-direction:column;flex:1;display:flex}.match__title{font-size:var(--t-xl);letter-spacing:.04em;background:var(--grad-win);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.match__stage{place-items:center;width:100%;min-height:190px;display:grid;position:relative}.match__ghost{font-size:var(--t-lg);color:var(--text-faint);white-space:nowrap;pointer-events:none;grid-area:1/1;font-weight:700}.match__word{font-size:var(--t-3xl);letter-spacing:-.04em;overflow-wrap:anywhere;background:var(--grad-win);color:#0000;filter:drop-shadow(0 10px 40px #10b98166);-webkit-background-clip:text;background-clip:text;grid-area:1/1;font-weight:900;line-height:1}.match__meta{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.match__rounds{font-size:var(--t-lg);color:var(--text-soft);font-weight:700}.match__record{padding:var(--s-2) var(--s-4);background:var(--grad-hot);border-radius:var(--r-full);box-shadow:var(--shadow-md);font-weight:800}.match__progress{font-size:var(--t-sm);color:var(--text-faint)}.word-card{gap:var(--s-2);width:100%;padding:var(--s-4);text-align:left;background:var(--surface);border:2px solid color-mix(in srgb, var(--player-color) 30%, transparent);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);transform-style:preserve-3d;perspective:900px;transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex-direction:column;display:flex;position:relative}.word-card__head{align-items:center;gap:var(--s-2);display:flex}.word-card__name{font-size:var(--t-sm);color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.word-card__word{font-size:var(--t-xl);letter-spacing:-.03em;overflow-wrap:anywhere;font-weight:800;line-height:1.1}.word-card__word--empty{color:var(--text-faint);font-style:italic;font-size:var(--t-md);font-weight:500}.word-card__key{font-size:var(--t-xs);color:var(--text-faint);letter-spacing:.04em;font-family:ui-monospace,SF Mono,Cascadia Code,monospace}.word-card--partial{border-color:var(--amber);box-shadow:0 0 24px #f59e0b47}.word-card--near{border-color:var(--cyan);border-style:dashed}.word-card--matched{border-color:var(--green);animation:card-win .7s var(--ease-spring);background:linear-gradient(135deg,#10b9812e,#06b6d41f);box-shadow:0 0 34px #10b9815c}.word-card--empty{opacity:.55;border-style:dashed}@keyframes card-win{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.word-grid{gap:var(--s-3);grid-template-columns:1fr;display:grid}@media (min-width:420px){.word-grid--dense{grid-template-columns:1fr 1fr}}.reveal{gap:var(--s-4);flex-direction:column;flex:1;display:flex}.reveal__head{gap:var(--s-1);text-align:center;flex-direction:column;display:flex}.reveal__partial{text-align:center;color:var(--amber);padding:var(--s-3);border-radius:var(--r-md);background:#f59e0b1f;font-weight:700}.reveal__near{align-items:center;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-md);text-align:center;background:#06b6d41f;border:1px dashed #06b6d473;flex-direction:column;display:flex}.theme-reveal{justify-content:center;align-items:center;gap:var(--s-5);perspective:1000px;flex-direction:column;flex:1;display:flex}.theme-reveal__label{font-size:var(--t-lg);color:var(--text-soft);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.theme-reveal__card{align-items:center;gap:var(--s-4);padding:var(--s-7) var(--s-6);background:var(--grad-cool);border-radius:var(--r-xl);min-width:260px;box-shadow:var(--shadow-lg), 0 0 60px #06b6d459;transform-style:preserve-3d;flex-direction:column;display:flex}.theme-reveal__emoji{filter:drop-shadow(0 6px 16px #00000059);font-size:72px;line-height:1}.theme-reveal__name{font-size:var(--t-xl);letter-spacing:-.02em;text-align:center;color:#fff;text-shadow:0 2px 12px #0000004d;font-weight:900}.players{gap:var(--s-2);flex-direction:column;display:flex}.players__item{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-md);display:flex}.players__name{align-items:baseline;gap:var(--s-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;display:flex;overflow:hidden}.players__tag{font-size:var(--t-xs);color:var(--text-faint);font-weight:500}.players__crown{font-size:var(--t-sm)}.players__score{font-variant-numeric:tabular-nums;color:var(--amber);font-weight:800}.dots{gap:var(--s-2);justify-content:center;display:flex}.dots__dot{border-radius:var(--r-full);width:12px;height:12px;transition:background var(--dur) var(--ease-out);background:#ffffff24}.dots__dot--on{background:var(--grad-main);box-shadow:0 0 12px #a855f799}.writing{gap:var(--s-4);flex-direction:column;flex:1;display:flex}.writing__head{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.writing__meta{gap:var(--s-1)}.writing__theme{padding:var(--s-2) var(--s-4);background:var(--grad-cool);border-radius:var(--r-full);font-weight:800;font-size:var(--t-sm);box-shadow:var(--shadow-sm);align-self:flex-start}.writing__previous{gap:var(--s-2);flex-direction:column;display:flex}.writing__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{padding:var(--s-1) var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600}.writing__form{gap:var(--s-3);flex-direction:column;display:flex}.writing__input{font-size:max(var(--t-xl), 16px);text-align:center;padding:var(--s-4);letter-spacing:-.02em;font-weight:800}.writing__preview{text-align:center;font-size:var(--t-sm);color:var(--text-faint)}.writing__preview strong{color:var(--cyan);font-family:ui-monospace,SF Mono,Cascadia Code,monospace}.writing__preview--bad{color:#fca5a5}.writing__go{border-radius:var(--r-full);background:var(--grad-main);color:#fff;min-height:56px;font-size:var(--t-lg);box-shadow:var(--shadow-md);transition:opacity var(--dur-fast) var(--ease-out);font-weight:800}.writing__go:disabled{opacity:.35}.writing__done{align-items:center;gap:var(--s-3);padding:var(--s-6) var(--s-4);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-lg);flex-direction:column;display:flex}.writing__check{border-radius:var(--r-full);background:var(--grad-win);color:#fff;place-items:center;width:60px;height:60px;font-size:30px;font-weight:900;display:grid}.writing__mine{font-size:var(--t-xl);letter-spacing:-.02em;overflow-wrap:anywhere;text-align:center;font-weight:800}.writing__foot{align-items:center;gap:var(--s-2);flex-direction:column;margin-top:auto;display:flex}.writing--spectator{text-align:center;justify-content:center;align-items:center;gap:var(--s-5)}.game{gap:var(--s-4);position:relative}.game:before{content:"";z-index:-1;background:var(--mode-gradient);opacity:.07;pointer-events:none;position:fixed;inset:0}.game__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.game__mode{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-full);font-size:var(--t-sm);display:inline-flex}.game__mode-name{letter-spacing:.08em;color:var(--text-soft);font-weight:800}.game__players{gap:var(--s-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.game__body{flex-direction:column;flex:1;min-height:0;display:flex}.signin{gap:var(--s-2);flex-direction:column;width:100%;display:flex}.signin__button{justify-content:center;align-items:center;gap:var(--s-2);width:100%;min-height:50px;padding:0 var(--s-3);border-radius:var(--r-md);font-weight:700;font-size:var(--t-md);letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur) var(--ease-out), filter var(--dur) var(--ease-out);border:1px solid #0000;display:flex}.signin__button:disabled{opacity:.5;cursor:default}.signin__mark{flex-shrink:0;width:20px;height:20px}.signin__label{white-space:nowrap}.signin__button--google{color:#1f1f1f;background:#fff;border-color:#0000001f}.signin__button--apple{color:#000;background:#fff}.signin__button:not(:disabled):hover{filter:brightness(.94)}.home{gap:var(--s-6)}.home__hero{text-align:center;gap:var(--s-2);flex-direction:column;display:flex}.home__logo{font-size:var(--t-3xl);letter-spacing:-.045em;font-weight:900;line-height:1}.home__tagline{font-size:var(--t-lg);font-weight:700}.home__subtitle{font-size:var(--t-sm);color:var(--text-soft);max-width:34ch;margin:0 auto}.home__field{gap:var(--s-2)}.home__footer{justify-content:center;gap:var(--s-5);display:flex}.home__link{font-size:var(--t-sm);color:var(--text-faint);text-underline-offset:3px;padding:var(--s-2);text-decoration:underline}.code-input{position:relative}.code-input__hidden{opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.code-input__boxes{gap:var(--s-2);justify-content:center;display:flex}.code-input__box{background:var(--surface);border:2px solid var(--surface-border);border-radius:var(--r-md);width:62px;height:74px;transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);place-items:center;font-size:2rem;font-weight:900;display:grid}.code-input__box--filled{background:var(--surface-strong);border-color:var(--violet)}.code-input__box--active{border-color:var(--pink);animation:1.6s infinite pulse-glow}.sheet{z-index:800;-webkit-backdrop-filter:blur(6px);background:#05020cb3;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{gap:var(--s-4);width:100%;max-width:var(--max-w);padding:var(--s-3) var(--s-4) calc(var(--safe-bottom) + var(--s-5));background:var(--bg-raised);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--surface-border);flex-direction:column;max-height:88vh;margin:0 auto;display:flex;overflow-y:auto}.sheet__grab{width:44px;height:4px;margin:0 auto var(--s-2);border-radius:var(--r-full);background:var(--surface-border)}.rules{gap:var(--s-3);flex-direction:column;display:flex}.rules__item{align-items:flex-start;gap:var(--s-3);font-size:var(--t-md);color:var(--text-soft);display:flex}.rules__item strong{color:var(--text)}.rules__num{border-radius:var(--r-full);background:var(--grad-main);color:#fff;width:28px;height:28px;font-size:var(--t-sm);flex-shrink:0;place-items:center;font-weight:800;display:grid}.home__auth{gap:var(--s-2)}.home__authNote{font-size:var(--t-sm);color:var(--text-soft);text-align:center;line-height:1.4}.home__account{align-items:center;gap:var(--s-2);margin-top:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--surface-border);display:flex}.home__avatar{border-radius:var(--r-full);object-fit:cover;flex-shrink:0;width:26px;height:26px}.home__avatar--empty{background:var(--grad-main);color:#fff;font-size:var(--t-xs);place-items:center;font-weight:800;display:grid}.home__accountName{font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-weight:700;overflow:hidden}.code{align-items:center;gap:var(--s-2);width:100%;padding:var(--s-5) var(--s-4);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);transition:border-color var(--dur) var(--ease-out);flex-direction:column;display:flex}.code:hover{border-color:#ffffff3d}.code__label{font-size:var(--t-sm);color:var(--text-soft)}.code__letters{gap:var(--s-2);perspective:600px;display:flex}.code__char{background:var(--grad-main);border-radius:var(--r-md);letter-spacing:0;color:#fff;width:52px;height:64px;box-shadow:var(--shadow-md);text-shadow:0 2px 6px #00000040;place-items:center;font-size:2rem;font-weight:900;display:grid}.code__action{font-size:var(--t-sm);color:var(--violet);font-weight:700}.modes{gap:var(--s-2);flex-direction:column;display:flex}.mode{align-items:center;gap:var(--s-3);padding:var(--s-3);text-align:left;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-md);transition:background var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);display:flex;position:relative}.mode:disabled{opacity:.4}.mode--on{background:var(--surface-strong)}.mode__emoji{border-radius:var(--r-md);background:var(--mode-gradient);width:46px;height:46px;box-shadow:var(--shadow-sm);flex-shrink:0;place-items:center;font-size:24px;display:grid}.mode__body{flex-direction:column;gap:2px;min-width:0;display:flex}.mode__name{font-weight:800;font-size:var(--t-md);letter-spacing:-.01em}.mode__desc{font-size:var(--t-xs);color:var(--text-soft);line-height:1.35}.mode__lock{padding:3px var(--s-2);border-radius:var(--r-full);background:var(--surface-strong);border:1px solid var(--surface-border);font-size:var(--t-xs);letter-spacing:.04em;color:var(--text-soft);flex-shrink:0;align-items:center;gap:3px;margin-left:auto;font-weight:700;display:inline-flex}.mode__ring{border-radius:var(--r-md);background:var(--mode-gradient) border-box;pointer-events:none;-webkit-mask-composite:xor;border:2px solid #0000;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}@supports not (mask-composite:exclude){.mode__ring{border-color:var(--accent);background:0 0}}.lobby__head{margin-inline:calc(var(--s-4) * -1);justify-content:space-between;align-items:center;display:flex}.lobby__count{padding-right:var(--s-4);font-size:var(--t-sm);color:var(--text-soft)}.lobby__actions{gap:var(--s-2);padding-top:var(--s-3);background:linear-gradient(to top, var(--bg-deep) 55%, transparent);flex-direction:column;display:flex;position:sticky;bottom:0}.lobby__hint{text-align:center}.lobby__waiting{text-align:center;color:var(--text-soft);padding:var(--s-4)}.setting{align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-md);min-height:var(--tap);display:flex}.setting__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting__name{font-weight:600;font-size:var(--t-sm)}.setting__hint{font-size:var(--t-xs);color:var(--text-faint);line-height:1.35}.setting__segment{border-radius:var(--r-full);background:#00000047;gap:2px;padding:3px;display:flex}.setting__seg{min-width:44px;padding:var(--s-2) var(--s-3);border-radius:var(--r-full);font-size:var(--t-sm);color:var(--text-faint);transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);font-weight:700}.setting__seg--on{background:var(--grad-main);color:#fff}.switch{appearance:none;border-radius:var(--r-full);cursor:pointer;width:52px;height:30px;transition:background var(--dur) var(--ease-out);background:#ffffff24;flex-shrink:0;position:relative}.switch:after{content:"";border-radius:var(--r-full);width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring);background:#fff;position:absolute;top:3px;left:3px}.switch:checked{background:var(--grad-main)}.switch:checked:after{transform:translate(22px)}.result{gap:var(--s-4)}.result__head{align-items:center;gap:var(--s-2);text-align:center;flex-direction:column;display:flex}.result__mode{padding:var(--s-1) var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600}.result__stats{gap:var(--s-3);justify-content:center;display:flex}.stat{max-width:140px;padding:var(--s-4) var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-lg);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.stat__value{font-size:var(--t-2xl);font-variant-numeric:tabular-nums;background:var(--grad-main);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.stat__label{font-size:var(--t-xs);color:var(--text-faint);text-align:center}.result__ranking{gap:var(--s-2);flex-direction:column;display:flex}.result__rank{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-md);display:flex}.result__rank--first{background:#f59e0b1a;border-color:#f59e0b80}.result__medal{text-align:center;width:26px;color:var(--text-faint);font-weight:800}.result__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.result__points{font-variant-numeric:tabular-nums;color:var(--amber);font-weight:800}.result__points small{font-size:var(--t-xs);color:var(--text-faint);font-weight:500}.result__history{gap:var(--s-2);max-height:32vh;padding-right:var(--s-2);flex-direction:column;display:flex}.result__round{align-items:flex-start;gap:var(--s-3);display:flex}.result__round-num{border-radius:var(--r-full);background:var(--surface-strong);width:24px;height:24px;font-size:var(--t-xs);color:var(--text-faint);flex-shrink:0;place-items:center;font-weight:800;display:grid}.result__round-words{gap:var(--s-1);flex-wrap:wrap;display:flex}.chip--win{color:#6ee7b7;background:#10b98129;border-color:#10b98180}.result__waiting{text-align:center;padding:var(--s-3)}.toast{top:calc(var(--safe-top) + var(--s-3));z-index:900;max-width:calc(100% - var(--s-6));padding:var(--s-3) var(--s-5);background:var(--bg-raised);border:1px solid var(--surface-border);border-radius:var(--r-full);font-size:var(--t-sm);text-align:center;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);font-weight:600;position:fixed;left:50%;transform:translate(-50%)}.toast--warn{color:#fca5a5;border-color:#ef444473}.toast--success{color:#6ee7b7;border-color:#10b98173}.banner{z-index:900;justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4) calc(var(--safe-bottom) + var(--s-3));font-size:var(--t-sm);color:#fca5a5;-webkit-backdrop-filter:blur(12px);background:#ef444429;border-top:1px solid #ef444466;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0}.banner__dot{border-radius:var(--r-full);background:currentColor;width:8px;height:8px}.fatal{z-index:950;padding:var(--s-5);-webkit-backdrop-filter:blur(8px);background:#05020cc7;place-items:center;display:grid;position:fixed;inset:0}.fatal__box{gap:var(--s-4);text-align:center;max-width:340px;padding:var(--s-6) var(--s-5);background:var(--bg-raised);flex-direction:column;align-items:center;display:flex}.fatal__text{font-size:var(--t-lg);font-weight:700}.fatal__btn{min-height:var(--tap);padding:var(--s-3) var(--s-6);border-radius:var(--r-full);background:var(--grad-main);color:#fff;font-weight:700}:root{--bg-deep:#0a0616;--bg:#120a24;--bg-raised:#1b1033;--surface:#ffffff0f;--surface-strong:#ffffff1a;--surface-border:#ffffff1f;--text:#f4f1ff;--text-soft:#f4f1ffb8;--text-faint:#f4f1ff6b;--violet:#a855f7;--pink:#ec4899;--cyan:#06b6d4;--amber:#f59e0b;--green:#10b981;--red:#ef4444;--accent:var(--violet);--accent-contrast:#fff;--grad-main:linear-gradient(135deg, #a855f7 0%, #ec4899 55%, #f59e0b 100%);--grad-cool:linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);--grad-hot:linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--grad-win:linear-gradient(135deg, #10b981 0%, #06b6d4 60%, #a855f7 100%);--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 60px #00000080;--glow:0 0 40px #a855f759;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs:.75rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:clamp(1.5rem, 6vw, 2rem);--t-2xl:clamp(2rem, 9vw, 3rem);--t-3xl:clamp(2.75rem, 14vw, 4.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur:.3s;--dur-slow:.6s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tap:48px;--max-w:560px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur:1ms;--dur-slow:1ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 45% at 15% 8%,#a855f747,#0000 70%),radial-gradient(55% 40% at 88% 20%,#ec489938,#0000 70%),radial-gradient(70% 50% at 50% 100%,#06b6d42e,#0000 70%);position:fixed;inset:0}input,textarea,button,select{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--violet);color:#fff}#root{flex-direction:column;display:flex}.screen{width:100%;max-width:var(--max-w);padding:calc(var(--safe-top) + var(--s-5)) var(--s-4) calc(var(--safe-bottom) + var(--s-5));gap:var(--s-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.screen--center{justify-content:center}.stack{gap:var(--s-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);display:flex}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--r-lg);padding:var(--s-4);-webkit-backdrop-filter:blur(12px)}.title{font-size:var(--t-2xl);letter-spacing:-.03em;font-weight:800;line-height:1.05}.subtitle{font-size:var(--t-md);color:var(--text-soft)}.label{font-size:var(--t-sm);color:var(--text-soft);letter-spacing:.02em;font-weight:600}.hint{font-size:var(--t-sm);color:var(--text-faint)}.gradient-text{background:var(--grad-main);color:#0000;-webkit-background-clip:text;background-clip:text}.field{width:100%;min-height:var(--tap);padding:var(--s-3) var(--s-4);background:var(--surface);border:2px solid var(--surface-border);border-radius:var(--r-md);font-size:var(--t-md);transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out)}.field::placeholder{color:var(--text-faint)}.field:focus{border-color:var(--accent);background:var(--surface-strong);outline:none}.field--invalid{border-color:var(--red)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #a855f780}70%{box-shadow:0 0 0 18px #a855f700}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shake{animation:shake var(--dur-slow) var(--ease-out)}.scroll-y{scrollbar-width:thin;scrollbar-color:var(--surface-border) transparent;overscroll-behavior:contain;overflow-y:auto}.scroll-y::-webkit-scrollbar{width:4px}.scroll-y::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--r-full)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}