:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;background:#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#455cff38,#0000 34rem),radial-gradient(circle at 100% 100%,#ff468d29,#0000 26rem),#0d1117;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 64px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar-actions,.duel-header-actions,.participant-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2rem,6vw,4rem)}h2{letter-spacing:-.03em}.eyebrow{color:#8da2ff;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.76rem;font-weight:800}.card{background:#111827c7;border:1px solid #ffffff1a;border-radius:26px;box-shadow:0 20px 70px #00000047}.primary-button,.secondary-button,.ghost-button,.icon-button{border:0;border-radius:999px;padding:12px 18px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#6b7cff,#fd4d8f)}.primary-button.big{padding:15px 24px;font-size:1rem}.secondary-button{color:#fff;background:#ffffff1f;border:1px solid #ffffff24}.ghost-button,.icon-button{color:#e6ebff;background:#ffffff12;border:1px solid #ffffff17}.icon-button{width:42px;height:42px;padding:0;font-size:1.6rem}.empty-state{text-align:center;place-items:center;gap:12px;min-height:55vh;display:grid}.empty-state p{color:#aeb8d4;margin-bottom:10px}.empty-icon{font-size:4rem}.error-box{color:#ffd7d7;background:#ff5c5c1f;border:1px solid #ff5c5c59;border-radius:18px;margin-bottom:16px;padding:14px 16px}.notice-box{color:#dce3ff;background:#8da2ff1f;border:1px solid #8da2ff59;border-radius:18px;margin-bottom:16px;padding:14px 16px}.duel-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px;display:flex}.active-participant{color:#e8ecff;background:#6b7cff2e;border:1px solid #6b7cff59;border-radius:999px;align-items:center;padding:10px 14px;font-weight:800;display:inline-flex}.start-card{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px;display:flex}.participants-card{margin-bottom:20px;padding:18px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.participants-grid{gap:12px;display:grid}.participant-card{background:#ffffff0e;border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.participant-card.active{background:#6b7cff1a;border-color:#6b7cff99}.participant-card p,.participant-card small{color:#aeb8d4;margin-top:4px}.compact-modal{width:min(540px,100%)}.duel-header p{color:#aeb8d4;margin-top:4px}.progress-wrap{margin-bottom:18px}.progress-meta{color:#c8d2f0;justify-content:space-between;margin-bottom:8px;display:flex}.progress-bar{background:#ffffff17;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#6b7cff,#fd4d8f);height:100%;transition:width .25s;display:block}.battle-grid{grid-template-columns:1fr 120px 1fr;align-items:stretch;gap:18px;margin-bottom:22px;display:grid}.choice-card{color:#fff;background:#101827;border:1px solid #ffffff1f;border-radius:30px;min-height:480px;padding:0;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000052}.choice-card:hover{border-color:#8da2ffb3;transform:translateY(-3px)}.choice-card img{object-fit:cover;width:100%;height:100%;min-height:480px;display:block}.choice-label{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid;position:absolute;top:16px;left:16px}.choice-text{z-index:2;text-align:left;background:linear-gradient(#0000,#000000d6);align-items:flex-end;min-height:120px;padding:22px;display:flex;position:absolute;bottom:0;left:0;right:0}.versus-panel{color:#cbd5e1;align-content:center;place-items:center;gap:12px;display:grid}.versus-panel strong{color:#fff;font-size:2rem}.versus-panel span{opacity:.75}.ranking-card{padding:18px}.ranking-card h2{margin-bottom:14px}.ranking-list{gap:10px;display:grid}.ranking-row{background:#ffffff0e;border-radius:18px;grid-template-columns:58px 64px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.rank-number{color:#8da2ff;font-weight:900}.ranking-row img{object-fit:cover;border-radius:14px;width:64px;height:64px}.ranking-info{gap:4px;display:grid}.ranking-info small{color:#aeb8d4}.finished-card{margin-bottom:20px;padding:20px}.winner-box{align-items:center;gap:16px;margin-top:14px;display:flex}.winner-box img{object-fit:cover;border-radius:22px;width:110px;height:110px}.winner-box p{color:#aeb8d4;margin-top:5px}.center-card{text-align:center;margin-bottom:22px;padding:32px}.modal-backdrop{z-index:50;background:#0000009e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{width:min(900px,100%);max-height:90vh;padding:22px;overflow:auto}.modal-header,.modal-actions,.actions-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-header{margin-bottom:18px}.modal-actions{margin-top:18px}.field-label,.compact-field{color:#cbd5e1;gap:8px;font-size:.9rem;font-weight:700;display:grid}.field-label input,.compact-field input,.preview-item input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:12px 14px}.field-label{margin-bottom:16px}.compact-field{width:120px}.hidden-input{display:none}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px;display:grid}.preview-item{background:#ffffff0e;border-radius:20px;gap:10px;padding:10px;display:grid}.preview-item img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%}@media (width<=820px){.topbar{align-items:flex-start}.battle-grid{grid-template-columns:1fr}.versus-panel{order:-1;grid-template-columns:1fr auto 1fr}.choice-card,.choice-card img{min-height:340px}.duel-header{align-items:flex-start}.start-card,.participant-card{flex-direction:column;align-items:flex-start}}@media (width<=540px){.app-shell{width:min(100% - 20px,1180px);padding-top:20px}.topbar,.duel-header,.actions-row,.modal-actions{flex-direction:column;align-items:stretch}.compact-field{width:100%}.ranking-row{grid-template-columns:48px 56px 1fr}.ranking-row img{width:56px;height:56px}}