:root{--game-green: #16a34a;--game-green-soft: #dcfce7;--game-blue: #0284c7;--game-sky: #e0f2fe;--game-amber: #f59e0b;--game-red: #ef4444;--game-ink: #0b2545;--game-ink-soft: #475569;--game-card: #ffffff;--game-line: #cbd5e1;--game-gold: #fbbf24}.game-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(34,197,94,.18),transparent 45%),radial-gradient(circle at 88% 12%,rgba(56,189,248,.2),transparent 42%),linear-gradient(180deg,#f0fdf4,#eff6ff 60%,#eef2f7)}.game-scroll{flex:1 1 auto;overflow-y:auto;padding:clamp(14px,3vw,32px)}.game-wrap{max-width:1100px;margin:0 auto}.game-hero{text-align:center;padding:clamp(18px,5vw,48px) 16px 8px}.game-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:var(--game-green-soft);color:#14532d;font-weight:700;font-size:.95em}.game-hero__title{margin:14px 0 6px;font-size:clamp(1.9rem,5.5vw,3.1rem);line-height:1.15;color:var(--game-ink);letter-spacing:-.5px}.game-hero__title span{color:var(--game-green)}.game-hero__sub{margin:0 auto;max-width:620px;color:var(--game-ink-soft);font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.6}.game-hero__robot{font-size:clamp(3.4rem,12vw,6rem);line-height:1;margin-bottom:4px;animation:game-bob 2.6s ease-in-out infinite}@keyframes game-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reduce-motion .game-hero__robot{animation:none}.game-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0 10px}.game-btn{display:inline-flex;align-items:center;gap:10px;border:2px solid transparent;border-radius:16px;padding:14px 26px;font-size:1.05em;font-weight:700;cursor:pointer;background:var(--game-card);color:var(--game-ink);box-shadow:0 3px #0f172a24;transition:transform .12s ease,box-shadow .12s ease}a.game-btn{text-decoration:none}.game-btn--small{padding:8px 16px;font-size:.95em;border-radius:12px}.game-btn:hover{transform:translateY(-2px);box-shadow:0 5px #0f172a29}.game-btn:active{transform:translateY(1px);box-shadow:0 1px #0f172a29}.game-btn--primary{background:linear-gradient(180deg,#22c55e,#15803d);color:#fff}.game-btn--blue{background:linear-gradient(180deg,#38bdf8,#0369a1);color:#fff}.game-btn--ghost{background:#fff;border-color:var(--game-line)}.reduce-motion .game-btn{transition:none}.game-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0}.game-stat{background:var(--game-card);border:1px solid var(--game-line);border-radius:16px;padding:14px 16px;text-align:center;box-shadow:0 1px 3px #0f172a0f}.game-stat__value{display:block;font-size:1.7rem;font-weight:800;color:var(--game-ink)}.game-stat__label{display:block;color:var(--game-ink-soft);font-size:.92em;margin-top:2px}.game-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px clamp(14px,3vw,28px);background:#ffffffe6;border-bottom:1px solid var(--game-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-topbar__title{font-size:1.15rem;font-weight:800;color:var(--game-ink);margin:0}.game-topbar__spacer{flex:1 1 auto}.game-topbar__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--game-green-soft);color:#14532d;font-weight:700;font-size:.92em}.game-zone{margin:0 0 28px}.game-zone__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.game-zone__icon{font-size:1.8rem}.game-zone__name{margin:0;font-size:1.25rem;font-weight:800;color:var(--game-ink)}.game-zone__sub{margin:0;color:var(--game-ink-soft);font-size:.95em}.game-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.game-card{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;border:2px solid var(--game-line);border-radius:18px;background:var(--game-card);padding:16px;cursor:pointer;font:inherit;color:var(--game-ink);box-shadow:0 2px #0f172a1a;transition:transform .12s ease,border-color .12s ease}.game-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--zone-color, var(--game-green))}.game-card:disabled{cursor:not-allowed;opacity:.6;background:#f1f5f9}.reduce-motion .game-card{transition:none}.game-card__top{display:flex;align-items:center;gap:10px}.game-card__no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:var(--zone-color, var(--game-green));color:#fff;font-weight:800}.game-card__icon{font-size:1.5rem;margin-left:auto}.game-card__title{font-weight:800;font-size:1.05em}.game-card__tag{color:var(--game-ink-soft);font-size:.9em;line-height:1.45;min-height:2.6em}.game-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.game-card__cans{font-size:.88em;color:var(--game-ink-soft)}.game-stars{letter-spacing:2px;color:var(--game-gold);font-size:1.05em}.game-stars--big{font-size:2.4rem;letter-spacing:6px}.game-card__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#f1f5f98c;border-radius:16px}.game-play{display:flex;flex-direction:column;height:100%;overflow:hidden}.game-play__bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 12px;background:linear-gradient(180deg,#0b2545,#123a6b);color:#fff}.game-play__bar .game-play__title{font-weight:800;font-size:1.02em}.game-play__goal{color:#cbd5e1;font-size:.9em}.game-play__back{border:0;border-radius:10px;padding:7px 14px;font:inherit;font-weight:700;cursor:pointer;background:#ffffff29;color:#fff}.game-play__back:hover{background:#ffffff47}.game-play__app{flex:1 1 auto;min-height:0}.game-play__app .app{height:100%}.game-result{text-align:center}.game-result__headline{font-size:1.25rem;font-weight:800;margin:6px 0 2px}.game-result__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 4px}.game-result__cell{background:var(--panel-2, #f8fafc);border:1px solid var(--game-line);border-radius:12px;padding:10px 6px}.game-result__cell b{display:block;font-size:1.2rem}.game-result__cell span{color:var(--game-ink-soft);font-size:.85em}.game-form{display:flex;flex-direction:column;gap:12px;text-align:left}.game-field{display:flex;flex-direction:column;gap:6px}.game-field label{font-weight:700}.game-field input{font:inherit;padding:11px 14px;border:2px solid var(--game-line);border-radius:12px}.game-field input:focus{outline:3px solid rgba(37,99,235,.35);border-color:var(--game-blue)}.game-note{color:var(--game-ink-soft);font-size:.92em;line-height:1.6}.game-error{color:#b91c1c;font-weight:700}@media(max-width:640px){.game-levels{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.game-card__tag{min-height:0}}.pin-input{display:flex;gap:clamp(6px,2vw,10px)}.pin-input__box{flex:1 1 0;min-width:0;padding:clamp(8px,2.5vw,14px) 0;border:2px solid var(--game-line);border-radius:14px;background:#fff;font:inherit;font-size:clamp(1.4rem,6vw,1.9rem);font-weight:800;text-align:center;color:var(--game-ink);font-variant-numeric:tabular-nums;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.pin-input__box::placeholder{color:transparent}.pin-input__box:focus{outline:none;border-color:var(--game-blue);box-shadow:0 0 0 4px #0284c738;transform:translateY(-2px)}.pin-input__box:disabled{background:#f1f5f9;color:var(--game-ink-soft);cursor:not-allowed}.reduce-motion .pin-input__box{transition:none}.reduce-motion .pin-input__box:focus{transform:none}@media(prefers-reduced-motion:reduce){.pin-input__box{transition:none}.pin-input__box:focus{transform:none}}.avatar-face{position:relative;display:inline-block;line-height:1;width:1.15em;height:1.15em}.avatar-face__base{display:block;line-height:1}.avatar-face__acc{position:absolute;line-height:1;font-size:.55em;pointer-events:none}.avatar-face__acc--hat{top:-.22em;left:.42em;transform:rotate(-12deg)}.avatar-face__acc--face{top:.42em;left:.3em}.game-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0 6px}.game-mode{background:var(--game-card);border:1px solid var(--game-line);border-radius:16px;padding:14px 16px;box-shadow:0 1px 3px #0f172a0f}.game-mode__icon{font-size:1.6rem}.game-mode b{display:block;margin:4px 0;color:var(--game-ink)}.game-mode p{margin:0;color:var(--game-ink-soft);font-size:.9em;line-height:1.55}.game-root--join .game-scroll{display:flex;align-items:flex-start;justify-content:center}.join-card{width:min(560px,100%);margin:clamp(10px,4vh,48px) auto;background:var(--game-card);border:2px solid var(--game-line);border-radius:22px;padding:clamp(18px,4vw,30px);box-shadow:0 12px 32px #0f172a1f;display:flex;flex-direction:column;gap:16px}.join-card__head{text-align:center}.join-card__logo{font-size:2.6rem}.join-card__title{margin:6px 0 4px;color:var(--game-ink);font-size:clamp(1.3rem,3.4vw,1.7rem)}.join-card__sub{margin:0;color:var(--game-ink-soft);font-size:.95em}.join-avatar{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--game-line);border-radius:16px;background:#f8fafc}.join-avatar__text{flex:1 1 auto;display:flex;flex-direction:column;line-height:1.35}.join-avatar__text span{color:var(--game-ink-soft);font-size:.88em}.join-dress{border:2px dashed var(--game-line);border-radius:16px;padding:12px 14px}.join-dress__title{margin:6px 0 8px;font-size:1rem;color:var(--game-ink)}.join-dress__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.join-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:2px solid var(--game-line);border-radius:14px;background:#fff;cursor:pointer;font:inherit}.join-chip:hover{border-color:var(--game-blue)}.join-chip--on{border-color:var(--game-green);background:var(--game-green-soft)}.join-chip__emoji{font-size:1.6rem;line-height:1.1}.join-chip__name{font-size:.76em;color:var(--game-ink-soft)}.join-card__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.join-card__note{text-align:center;margin:0}.class-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--game-card);border:1px solid var(--game-line);border-left:6px solid var(--game-blue);border-radius:16px;padding:12px 16px;margin-bottom:14px}.class-banner__count{margin-left:auto;font-weight:800;color:var(--game-blue);white-space:nowrap}.class-wait{background:#fff7ed;border:2px dashed var(--game-amber);border-radius:14px;padding:14px 16px;font-weight:700;color:#92400e;text-align:center;margin-bottom:14px}.game-topbar__chip--me{background:var(--game-sky);color:#075985}.game-play__context{color:var(--game-blue);font-weight:700}.class-notice{background:var(--game-green-soft);border:2px solid var(--game-green);border-radius:14px;padding:12px 16px;font-weight:700;color:#14532d;margin-bottom:14px}.btn--waiting{background:#fff7ed;border-color:var(--game-amber);color:#92400e;font-weight:700}.btn--waiting:disabled{opacity:1;cursor:default}.class-end__text{margin:0 0 12px;font-size:1.12rem;line-height:1.75}.class-end__count{margin:0;padding:10px 14px;border-radius:12px;background:#f1f5f9;color:#475569;font-size:1rem;text-align:center}.class-end__count b{display:inline-block;min-width:1.4em;color:#1d4ed8;font-size:1.35rem;font-variant-numeric:tabular-nums}