.notification-link{position:relative}.notification-link>b{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#c9362b;color:#fff;font-size:9px}
.duel-home,.duel-page{max-width:1040px}.duel-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:38px;border:1px solid var(--line);border-radius:4px 32px 4px 32px;background:var(--ink);color:var(--paper)}.duel-hero h1{font:500 clamp(42px,6vw,70px)/1 Georgia,serif;margin:10px 0 18px}.duel-hero p{max-width:590px;color:#bed0c8}.duel-hero form{text-align:center}.duel-hero form small{display:block;margin-top:10px;color:#aebfb7}.duel-primary{border-color:var(--lime);background:var(--lime);color:#173629}.duel-primary:disabled{opacity:.45;cursor:not-allowed}.duel-stats{margin-top:18px}.duel-stats article{border-radius:11px}.duel-links{margin:18px 0}.duel-links a{display:flex;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.duel-recent{margin-top:38px}.duel-recent h2,.profile-duels h2{font:500 32px Georgia,serif}.duel-history-list,.profile-duel-history{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.duel-history-list a,.profile-duel-history a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.duel-history-list a:last-child,.profile-duel-history a:last-child{border-bottom:0}.duel-history-list b,.duel-history-list small,.profile-duel-history b,.profile-duel-history small{display:block}.duel-history-list small,.profile-duel-history small{color:var(--muted);font-size:10px}.duel-history-list strong,.profile-duel-history strong{font-size:11px}.win{color:#218257}.loss{color:#ba3e34}.draw{color:#a46f0c}
[data-theme=dark] .duel-hero{background:radial-gradient(circle at 85% 20%,rgba(97,208,164,.13),transparent 32%),linear-gradient(145deg,#132820,#0e201a);border-color:#36584a;color:#f5fbf8;box-shadow:0 22px 55px rgba(0,0,0,.28)}
[data-theme=dark] .duel-hero h1{color:#f7fcf9}
[data-theme=dark] .duel-hero p{color:#b8ccc2}
[data-theme=dark] .duel-hero form small{color:#a9beb4}
[data-theme=dark] .duel-hero .duel-primary{background:#d3ed78;border-color:#d3ed78;color:#173629;box-shadow:0 8px 24px rgba(211,237,120,.12)}
.duel-invite-card{max-width:620px;margin:10px auto;padding:45px;text-align:center;border:1px solid var(--line);border-radius:4px 36px 4px 36px;background:var(--surface);box-shadow:var(--shadow)}.duel-swords{display:block;font-size:52px}.duel-invite-card h1{font:500 48px/1.05 Georgia,serif;margin:13px 0}.duel-invite-card p{color:var(--muted)}.duel-invite-card code{display:block;margin:20px 0;padding:12px;border:1px dashed var(--line);border-radius:8px;overflow-wrap:anywhere}.duel-invite-card .button{justify-content:center;margin-top:9px}.whatsapp-duel{background:#25d366;color:#092d18;border-color:#25d366}
.duel-result-emblem{display:block;font-size:42px;margin-bottom:8px}
.duel-page:has(.duel-arena){display:grid;grid-template-columns:minmax(0,570px) 370px;gap:35px}.duel-arena>header h1{font:500 48px Georgia,serif;margin:7px 0}.duel-arena>header p{color:var(--muted)}.duel-arena .board{margin-top:14px}.duel-result-card{align-self:start;position:sticky;top:20px;padding:30px;border-radius:4px 28px 4px 28px;background:var(--ink);color:var(--paper)}.duel-result-card:not(.visible){display:block}.duel-result-card h2{font:500 42px Georgia,serif;margin:10px 0}.duel-result-card>p{color:#bdcec6}.duel-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:20px 0}.duel-comparison article{padding:13px 8px;border:1px solid #ffffff25;border-radius:9px;text-align:center}.duel-comparison span,.duel-comparison b,.duel-comparison small{display:block}.duel-comparison span,.duel-comparison small{font-size:10px;color:#b9cac2}.duel-comparison b{margin:6px 0}.duel-comparison>i{font-style:normal;font-size:10px;color:var(--lime)}.duel-share{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.duel-share a,.duel-share button{padding:8px 5px;border:1px solid #ffffff28;border-radius:6px;background:transparent;color:#fff;font-size:9px;text-align:center;cursor:pointer}
[data-theme=dark] .duel-result-card{background:linear-gradient(145deg,#163027,#0e211a);border:1px solid #3a5b4d;color:#f7fcf9}
[data-theme=dark] .duel-result-card h2{color:#fff}
.profile-duels{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.duel-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.duel-profile-stats span{padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.duel-profile-stats small,.duel-profile-stats b{display:block}.duel-profile-stats small{font-size:9px;color:var(--muted)}.duel-profile-stats b{margin-top:4px;font-size:18px}.profile-duels>h3{margin-top:25px}.notifications-page{max-width:760px}.notification-list{display:grid;gap:8px}.notification-list>a{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.notification-list>a.unread{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}.notification-list i{font-style:normal;font-size:24px}.notification-list b,.notification-list small{display:block}.notification-list p{margin:3px 0;color:var(--muted)}.notification-list small{font-size:9px;color:var(--muted)}.duel-admin-form{max-width:520px;margin-top:25px}
@media(max-width:900px){.duel-page:has(.duel-arena){grid-template-columns:1fr}.duel-result-card{position:static}.duel-hero{grid-template-columns:1fr}.duel-hero form{text-align:left}.duel-profile-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.duel-home,.duel-page{padding:28px 12px max(70px,calc(40px + env(safe-area-inset-bottom)))}.duel-hero{padding:26px 20px}.duel-hero h1,.duel-invite-card h1{font-size:39px}.duel-invite-card{padding:30px 18px}.duel-arena>header h1{font-size:38px}.duel-arena .board{width:min(320px,90vw)}.duel-arena .keyboard button{height:44px;min-width:0;flex:1;padding:0 3px;font-size:12px}.duel-arena .keyboard .wide{flex:1.45}.duel-result-card{padding:25px 19px}.duel-profile-stats{grid-template-columns:1fr 1fr}.duel-share{grid-template-columns:1fr}}