*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at top,#1d283a 0,#020617 45%,#000);color:#e5e7eb}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:1100px;margin:0 auto;padding:1.5rem}.card{background:#0f172af2;border-radius:1rem;padding:1.5rem;box-shadow:0 18px 45px #0f172ad9;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}input,select,button,textarea{font:inherit}input,select,textarea{width:100%;padding:.5rem .75rem;border-radius:.6rem;border:1px solid #334155;background:#0f172ae6;color:#e5e7eb;margin-top:.25rem}textarea{resize:vertical}label{font-size:.9rem;color:#9ca3af}button{border-radius:999px;border:none;padding:.6rem 1.4rem;cursor:pointer;background:linear-gradient(120deg,#0369a1,#22c55e);color:#fff;font-weight:600;margin-top:.75rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 10px 30px #22c55e40}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 35px #22c55e66}button:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 20px #22c55e33}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}h1,h2,h3,h4{margin-bottom:.75rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.15rem .7rem;font-size:.75rem;border:1px solid #38bdf8;color:#e0f2fe;background:#082f49b3}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid rgba(30,64,175,.6);background:radial-gradient(circle at top left,#38bdf829,#0f172af5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.navbar strong{letter-spacing:.04em}.nav-links{display:flex;gap:1rem;font-size:.9rem}.nav-links a{padding:.25rem .75rem;border-radius:999px;transition:background .12s ease,color .12s ease}.nav-links a:hover{background:#1e40af59}.nav-links a.active-link{background:#3b82f640;color:#e0f2fe}.form-error{color:#fca5a5;font-size:.8rem;margin-top:.25rem}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th,.table td{padding:.5rem;border-bottom:1px solid #1f2937;font-size:.9rem}.table th{text-align:left;color:#9ca3af}.chip{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:.75rem;color:#e5e7eb;gap:.35rem}.chip-dot{width:6px;height:6px;border-radius:999px;background:#22c55e}.grid{display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab{padding:.55rem .9rem;border-radius:999px;border:1px solid #1f2937;background:#0b1220;color:#cbd5e1;cursor:pointer;font-size:.9rem;transition:all .15s ease}.tab:hover{border-color:#334155;color:#e5e7eb;transform:translateY(-1px)}.tab-active{padding:.55rem .9rem;border-radius:999px;border:1px solid #10b981;background:#10b98126;color:#d1fae5;cursor:pointer;font-size:.9rem;transition:all .15s ease}.tab-active:hover{background:#10b98138;transform:translateY(-1px)}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.hide-mobile{display:flex}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}img{max-width:100%;height:auto}main{max-width:1100px;width:100%}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){main{padding:1rem}.card{padding:1rem;border-radius:.9rem}button{width:100%;padding:.75rem 1rem;border-radius:.9rem}input,select,textarea{padding:.65rem .8rem;border-radius:.75rem}.flex-between{flex-direction:column;align-items:flex-start;gap:.75rem}.navbar{padding:.75rem 1rem}.navbar strong{font-size:.95rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.78rem;padding:.25rem .75rem}.chip{font-size:.8rem;padding:.3rem .75rem}.nav-links a{display:block;padding:.6rem .75rem}.grid-2{grid-template-columns:1fr}}@media (max-width: 420px){main{padding:.85rem}.card{padding:.9rem}.navbar strong{max-width:140px}}.dash-tile{background:#020617bf;border:1px solid rgba(148,163,184,.18);border-radius:1rem;padding:1.1rem;box-shadow:0 12px 30px #0f172a59}.dash-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.dash-actions{flex-direction:column;gap:.6rem}.dash-actions a,.dash-actions button{width:100%}}.quiz-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.quiz-title{min-width:0}.quiz-h1{font-size:1.35rem;line-height:1.2;word-break:break-word}.quiz-sub{font-size:.85rem;color:#9ca3af}.quiz-chip{flex-shrink:0}.quiz-progress{width:100%;height:8px;border-radius:999px;background:#111827;overflow:hidden}.quiz-progress-bar{height:100%;background:#10b981;transition:width .3s ease}.quiz-q{font-size:1.05rem;line-height:1.35}.quiz-help{font-size:.85rem;color:#9ca3af}.quiz-answers{display:grid;gap:.6rem}.quiz-answer-btn{text-align:left;width:100%;padding:.85rem .95rem;border-radius:.85rem;border:1px solid #374151;background:#020617;color:#e5e7eb;cursor:pointer;transition:transform .08s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.quiz-answer-btn:active:not(:disabled){transform:scale(.99)}.full-link{display:block}.quiz-footer{display:flex;gap:.75rem;flex-wrap:wrap}.quiz-footer-inline{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.quiz-note{font-size:.8rem;color:#6b7280}@media (max-width: 768px){main{padding:1rem}.card{padding:1.1rem}.quiz-h1{font-size:1.2rem}.quiz-footer{flex-direction:column}.quiz-footer-inline{flex-direction:column;align-items:stretch}.quiz-note{text-align:center}}.chapters-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.chapters-title{min-width:0}.chapters-subtitle{font-size:.9rem;color:#9ca3af}.chapters-chip{flex-shrink:0}.chapters-cats{display:flex;gap:.5rem;flex-wrap:wrap}.cat-btn{padding:.45rem .9rem;border-radius:999px;border:1px solid #374151;font-size:.85rem;background:#111827;color:#e5e7eb;cursor:pointer;margin-top:0;box-shadow:none;transition:transform .08s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.cat-btn:active{transform:scale(.99)}.cat-btn-active{background:#10b981f2;border-color:#10b981f2;color:#fff}.chapters-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.chapters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chapter-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.chapter-card-title{min-width:0}.chapter-h3{font-size:1.05rem;line-height:1.25;word-break:break-word}.chapter-period{font-size:.8rem;color:#9ca3af}.chapter-excerpt{font-size:.9rem;color:#9ca3af;line-height:1.4}.chapter-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.chapter-footnote{font-size:.8rem;color:#6b7280}@media (max-width: 768px){.chapters-filters,.chapters-grid{grid-template-columns:1fr}.chapter-card-footer{flex-direction:column;align-items:stretch}.chapter-footnote{text-align:center}}.navbar-left{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar-logo{height:40px;width:auto}.navbar-title{letter-spacing:.04em}.nav-right{display:flex;align-items:center;gap:.5rem}.icon-btn{margin-top:0;border-radius:999px;padding:.45rem .9rem;background:#1e40af59;color:#e5e7eb;border:1px solid rgba(148,163,184,.25);box-shadow:none}.icon-btn:hover:not(:disabled){transform:none;box-shadow:none}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:start center}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;border:none;padding:0;margin:0;cursor:pointer}.mobile-panel{position:relative;width:min(92vw,420px);margin-top:.75rem;background:#0f172af7;border:1px solid rgba(148,163,184,.25);border-radius:1rem;box-shadow:0 18px 45px #0f172ad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.75rem;z-index:1000}.mobile-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .25rem .75rem;border-bottom:1px solid rgba(148,163,184,.15)}.mobile-user-title{font-weight:700;font-size:1rem}.mobile-user-sub{font-size:.85rem;color:#9ca3af;margin-top:.1rem}.mobile-links{display:grid;gap:.35rem;padding:.75rem .25rem}.mobile-links a{padding:.8rem;border-radius:.8rem;border:1px solid rgba(148,163,184,.15);background:#020617b3;font-size:.95rem}.mobile-links a.active-link{border-color:#10b981a6;background:#10b9811f}.mobile-bottom{padding:.25rem;border-top:1px solid rgba(148,163,184,.15)}.w-100{width:100%}.duel-chapter-list{display:grid;gap:.5rem}.duel-chapter-item{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:#0206178c;cursor:pointer}.duel-chapter-item.is-checked{border-color:#10b9818c;background:#10b9811a}.duel-chapter-item input[type=checkbox]{width:18px;height:18px;margin-top:0}.range{width:100%;margin-top:.5rem}.btn-block{width:100%;padding:.9rem 1rem}@media (max-width: 768px){main{padding:1rem}.card{padding:1rem}.duel-chapter-item{padding:.8rem}}.mp-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.mp-range-labels{display:flex;justify-content:space-between;opacity:.75;font-size:12px;margin-top:.25rem}.mp-chip{padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0206178c;font-size:.8rem}.mp-share{display:flex;gap:.5rem;align-items:stretch;margin-top:.5rem}.mp-qr-box{border:1px solid rgba(148,163,184,.25);border-radius:.9rem;padding:.9rem;background:#0206178c;width:fit-content}@media (max-width: 768px){.mp-qr-layout{grid-template-columns:1fr}.mp-share{flex-direction:column}}.lobby-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.lobby-info-item{border:1px solid rgba(148,163,184,.25);background:#0206178c;border-radius:.9rem;padding:.75rem;display:grid;gap:.25rem}.lobby-info-item span{font-size:.75rem;color:#9ca3af}.lobby-share{display:flex;gap:.5rem;align-items:stretch;margin-top:.5rem}.lobby-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.75rem}.lobby-player{border:1px solid rgba(148,163,184,.25);background:#0206178c;border-radius:.9rem;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;word-break:break-word}.lobby-host-badge,.lobby-me-badge{font-size:.7rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#38bdf81f;color:#e0f2fe}.lobby-me-badge{background:#22c55e1f;color:#d1fae5;border-color:#22c55e59}@media (max-width: 768px){main{padding:1rem}.lobby-info{grid-template-columns:1fr}.lobby-share{flex-direction:column}.lobby-players{grid-template-columns:1fr}}.btn-block{width:100%}.roomplay{padding-top:1rem}.roomplay-topbar{position:sticky;top:70px;z-index:15;padding:.75rem;border-radius:1rem;border:1px solid rgba(148,163,184,.25);background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.roomplay-title{font-weight:700;letter-spacing:.02em}.roomplay-sub{font-size:.8rem;color:#9ca3af;margin-top:.2rem}.roomplay-stats{display:flex;gap:.5rem;flex-wrap:wrap}.roomplay-progress{width:100%;height:8px;border-radius:999px;background:#111827;overflow:hidden}.roomplay-progress-fill{height:100%;background:#10b981;transition:width .25s ease}.roomplay-answers{display:grid;gap:.65rem}.roomplay-answer{text-align:left;width:100%;padding:.9rem 1rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.25);background:#020617a6;color:#e5e7eb;cursor:pointer;min-height:52px;box-shadow:none}.roomplay-answer:hover:not(:disabled){transform:translateY(-1px)}@media (min-width: 900px){.roomplay-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.roomplay-topbar{top:76px}}.duelplay{padding-top:1rem}.duelplay-topbar{position:sticky;top:70px;z-index:15;padding:.75rem;border-radius:1rem;border:1px solid rgba(148,163,184,.25);background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.duelplay-title{font-weight:700;letter-spacing:.02em}.duelplay-sub{font-size:.8rem;color:#9ca3af;margin-top:.2rem}.duelplay-stats{display:flex;gap:.5rem;flex-wrap:wrap}.duelplay-progress{width:100%;height:8px;border-radius:999px;background:#111827;overflow:hidden}.duelplay-progress-fill{height:100%;background:#10b981;transition:width .25s ease}.duelplay-answers{display:grid;gap:.65rem}.duelplay-answer{text-align:left;width:100%;padding:.9rem 1rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.25);background:#020617a6;color:#e5e7eb;cursor:pointer;min-height:52px;box-shadow:none}.duelplay-answer:hover:not(:disabled){transform:translateY(-1px)}@media (min-width: 900px){.duelplay-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.duelplay-topbar{top:76px}}.scores-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.list-cards{display:grid;gap:.8rem}.mobile-card{border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-radius:14px;padding:12px}.rank-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172ab3;color:#e5e7eb;font-size:.8rem}@media (max-width: 768px){main{padding:1rem}.scores-grid{grid-template-columns:1fr}}.btn-block{width:100%;padding:.85rem 1rem}.range{width:100%;margin-top:.6rem}.duel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.duel-chapter-list{display:grid;gap:.6rem}.duel-chapter-item{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08;cursor:pointer}.duel-chapter-item.is-checked{border-color:#22c55e8c;background:#22c55e1a}.mp-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.mp-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mp-range-labels{display:flex;justify-content:space-between;opacity:.75;font-size:.8rem;margin-top:.35rem}.mp-chips{display:flex;flex-wrap:wrap;gap:.5rem}.mp-chip{padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#0f172aa6;font-size:.8rem;color:#e5e7eb}.mp-share{display:flex;gap:.6rem;margin-top:.5rem}.mp-share input{flex:1}.mp-qr-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start}.mp-qr-box{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px;background:#ffffff08;width:fit-content}.lobby-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.lobby-info-item{border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-radius:14px;padding:12px;display:grid;gap:6px}.lobby-info-item span{color:#9ca3af;font-size:.85rem}.lobby-share{display:flex;gap:.6rem;margin-top:.5rem}.lobby-share input{flex:1}.lobby-players{display:grid;gap:.6rem}.lobby-player{border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.lobby-player-name{font-weight:700}.lobby-tags{display:flex;gap:.4rem;flex-wrap:wrap}.lobby-host-badge,.lobby-me-badge{padding:.2rem .55rem;border-radius:999px;font-size:.75rem;border:1px solid rgba(148,163,184,.4);background:#0f172a99;color:#e5e7eb}.lobby-host-badge{border-color:#38bdf88c}.lobby-me-badge{border-color:#22c55e8c}@media (max-width: 768px){.duel-grid{grid-template-columns:1fr}.mp-share,.lobby-share{flex-direction:column}.mp-qr-layout,.lobby-info{grid-template-columns:1fr}}.duel-share{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.duel-code{flex:1;min-width:220px;padding:.65rem .8rem;border-radius:.8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.duel-copy-btn{padding:.65rem 1rem}.duel-wait-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.duel-wait-item{border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-radius:14px;padding:12px;display:grid;gap:6px}.duel-wait-item span{color:#9ca3af;font-size:.85rem}.duel-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.duel-result-card{border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-radius:14px;padding:12px}.duel-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width: 768px){.duel-wait-info,.duel-result-grid,.duel-result-actions{grid-template-columns:1fr}}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.page-subtitle{margin-top:.4rem;color:#9ca3af;font-size:.95rem;line-height:1.4}.btn-mobile-block{white-space:nowrap}@media (max-width: 768px){.btn-mobile-block{width:100%}}.badges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width: 768px){.badges-grid{grid-template-columns:1fr}}.badge-card{padding:.9rem;border-radius:1rem;border:1px solid rgba(148,163,184,.18);background:#020617cc}.badge-card-head{display:flex;gap:.85rem;align-items:flex-start}.badge-icon{width:44px;height:44px;border-radius:.9rem;display:grid;place-items:center;font-size:1.4rem;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);flex:0 0 auto}.badge-text{min-width:0}.badge-title{margin:0;font-size:1rem;line-height:1.2}.badge-desc{margin-top:.35rem;font-size:.9rem;color:#9ca3af;line-height:1.35}.badge-meta{margin-top:.7rem;font-size:.82rem;color:#6b7280;padding-top:.65rem;border-top:1px solid rgba(148,163,184,.12)}.empty-state{padding:1rem;border-radius:1rem;border:1px dashed rgba(148,163,184,.25);background:#0f172a73;display:grid;gap:.5rem;justify-items:start}.empty-emoji{font-size:1.5rem}.password-wrap{display:flex;gap:10px;align-items:center}.password-toggle{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#111827b3;color:#fff;cursor:pointer;white-space:nowrap}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#a7f3d0;padding:12px 14px;border-radius:12px;margin-bottom:12px;font-weight:600}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}img,svg,canvas,video{max-width:100%}main,.card{max-width:100%}@media (max-width: 900px){.card{margin:.75rem;padding:1rem!important;border-radius:1rem!important}.duel-grid,.scores-grid{grid-template-columns:1fr!important}.flex-between{flex-direction:column;align-items:stretch!important}.nav-links,.nav-right{display:none!important}.show-mobile{display:block!important}.hide-mobile{display:none!important}}@media (max-width: 600px){body{font-size:14px}h1,.quiz-h1{font-size:1.45rem!important;line-height:1.2}h2{font-size:1.15rem!important}h3{font-size:1rem!important}.navbar{padding:.65rem .75rem!important}.navbar-title{font-size:.95rem}.navbar-logo{width:34px!important;height:34px!important}.card{margin:.6rem!important;padding:.9rem!important}button,.btn-block,.w-100{width:100%;min-height:44px;font-size:.95rem}input,select,textarea{width:100%;font-size:16px}.quiz-header,.quiz-footer,.quiz-footer-inline{display:grid!important;grid-template-columns:1fr!important;gap:.75rem}.quiz-answers,.roomplay-answers{grid-template-columns:1fr!important}.quiz-answer-btn,.roomplay-answer{width:100%;text-align:left;padding:.95rem!important}.duel-chapter-list{max-height:320px!important}.duel-chapter-item{display:grid!important;grid-template-columns:24px 1fr;gap:.6rem;align-items:center}.mp-share{display:grid!important;grid-template-columns:1fr!important;gap:.5rem}.mp-qr-layout{display:grid!important;grid-template-columns:1fr!important;gap:1rem}.mp-qr-box{display:flex;justify-content:center;padding:1rem}.mobile-panel{width:min(92vw,380px)!important}table{min-width:640px}.table-wrap{overflow-x:auto}}