:root{--bg-cream: #f7efe2;--bg-sand: #f2ddbb;--panel: rgba(255, 250, 240, .78);--ink: #18343c;--ink-soft: #415e64;--teal: #1a6d73;--teal-deep: #0f4a52;--coral: #ec6b3c;--mint: #daf0df;--line: rgba(24, 52, 60, .14);--danger: #be3e1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Avenir Next,PingFang SC,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 18%,rgba(236,107,60,.22) 0%,transparent 35%),radial-gradient(circle at 80% 7%,rgba(26,109,115,.2) 0%,transparent 32%),linear-gradient(155deg,var(--bg-cream) 0%,var(--bg-sand) 100%)}button,input{font:inherit}.page{width:min(1120px,calc(100vw - 32px));margin:24px auto 40px;display:flex;flex-direction:column;gap:16px}.hero-panel,.nickname-panel,.list-panel,.room-panel,.room-top{border:1px solid var(--line);border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 24px #0f4a5214}.hero-panel,.nickname-panel,.list-panel,.room-panel{padding:18px}.hero-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-size:12px;font-weight:700}.hero-panel h1{margin:4px 0 8px;font-size:clamp(28px,5vw,42px)}.hero-copy{margin:0;color:var(--ink-soft)}.nickname-panel{display:grid;gap:8px}.nickname-panel label{font-weight:700}input{border:1px solid var(--line);background:#ffffffd9;border-radius:12px;padding:12px 14px;color:var(--ink)}input:focus{outline:2px solid rgba(26,109,115,.35);outline-offset:0}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.panel-head h2{margin:0}.filter-tabs{display:inline-flex;gap:8px;flex-wrap:wrap}.filter-tab{border:1px solid var(--line);background:#ffffffc2;color:var(--ink-soft);border-radius:999px;padding:7px 14px;cursor:pointer}.filter-tab.active{background:var(--teal);color:#fff;border-color:var(--teal)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.join-room-panel{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffff9e;display:grid;gap:8px}.join-room-panel label{font-weight:700}.join-room-row{display:grid;grid-template-columns:1fr auto;gap:8px}.game-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px;background:#ffffffad}.game-card h3{margin:0}.game-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.badge{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.badge.playable{background:var(--mint);color:#1d6b2a}.badge.coming{background:#18343c14;color:var(--ink-soft)}.game-desc,.game-meta{margin:0;color:var(--ink-soft)}.primary-btn,.accent-btn,.ghost-btn{border-radius:12px;padding:10px 14px;border:1px solid transparent;font-weight:700;cursor:pointer}.primary-btn{background:var(--teal);color:#fff}.primary-btn:hover:not(:disabled){background:var(--teal-deep)}.accent-btn{background:var(--coral);color:#fff}.accent-btn:hover:not(:disabled){filter:brightness(.92)}.ghost-btn{background:#ffffffb3;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.55;cursor:not-allowed}.error-text{margin:0;color:var(--danger);font-weight:700}.room-page{gap:12px}.room-top{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.room-code{font-weight:800}.room-top-actions{display:flex;gap:8px;flex-wrap:wrap}.room-grid{display:grid;grid-template-columns:320px 1fr;gap:12px}.room-grid.single-column{grid-template-columns:1fr}.player-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.player-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.ready{color:#1d6b2a;font-weight:700}.not-ready{color:var(--ink-soft)}.room-actions{display:grid;gap:8px;margin-top:12px}.subtle-text{margin:10px 0 0;color:var(--ink-soft);font-size:13px}.game-panel{min-height:430px}.game-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-header h2{margin:0}.phase-chip{border-radius:999px;padding:5px 10px;font-size:12px;background:#1a6d731f;color:var(--teal-deep)}.round-meta{margin-top:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.score-board{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.score-item{border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;justify-content:space-between;align-items:center;background:#ffffff94}.score-item strong{font-size:20px}.status-copy{margin:12px 0;font-weight:700}.bird-canvas-wrap{margin:10px 0;display:flex;justify-content:center;width:100%}.bird-canvas{width:min(100%,520px);max-width:100%;aspect-ratio:16 / 10;height:auto;display:block;border-radius:14px;border:1px solid rgba(24,52,60,.18)}.answer-panel{margin-top:16px;display:grid;gap:10px}.duel-panel{margin-top:12px;display:grid;gap:12px}.duel-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duel-status-card{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:4px;background:#ffffff9e}.duel-status-card span{color:var(--ink-soft);font-size:13px}.duel-status-card strong{font-size:18px}.duel-btn{border:1px solid rgba(24,52,60,.14);border-radius:24px;min-height:220px;padding:22px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.16) 0%,transparent 34%),linear-gradient(150deg,#182127,#26363f,#4a2020);color:#fff4df;display:grid;place-items:center;gap:10px;text-align:center;cursor:pointer;box-shadow:inset 0 1px #ffffff14;touch-action:none;-webkit-user-select:none;user-select:none}.duel-btn span{font-size:clamp(18px,3vw,24px);font-weight:700}.duel-btn strong{font-size:clamp(44px,10vw,70px);line-height:1;letter-spacing:.08em}.duel-btn.holding{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.24) 0%,transparent 34%),linear-gradient(155deg,#0f2c38,#165467 48%,#db6d3c);color:#fff9ef}.duel-tip{margin-top:0}.countdown-full{margin-top:12px;min-height:240px;border-radius:16px;border:1px solid var(--line);display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#1a6d731c,#ec6b3c2e)}.countdown-full p{margin:0;font-weight:700;color:var(--ink-soft)}.countdown-full strong{font-size:clamp(90px,24vw,170px);line-height:1;color:var(--teal-deep)}.notice-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:30;border-radius:999px;padding:10px 16px;background:#0f6b67f2;color:#fff;font-weight:700;box-shadow:0 8px 24px #0e384338}.tap-btn{border:none;background:linear-gradient(140deg,#f8c65e,#ef8f43);color:#1f2f34;border-radius:18px;padding:22px;font-size:20px;font-weight:800;display:grid;place-items:center;gap:8px;cursor:pointer}.tap-btn:disabled{cursor:default;opacity:.72}.tap-btn strong{font-size:clamp(34px,8vw,48px);line-height:1}.answer-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-soft);font-weight:700}.reveal-panel ul{margin:8px 0 0;padding-left:18px}.reveal-panel li{margin:5px 0}.result-panel{display:grid;gap:10px}.centered{max-width:460px;margin:0 auto;text-align:center}@media (max-width: 920px){.room-grid{grid-template-columns:1fr}.room-top{justify-content:flex-start}}@media (max-width: 560px){.page{width:calc(100vw - 20px);margin:10px auto 24px}.hero-panel h1{font-size:30px}.game-grid,.score-board,.duel-status-grid,.join-room-row{grid-template-columns:1fr}}