/* Player portraits and a single focused photo editor. */
.player-photo{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e4ecff,#def4eb);color:#4564a3;font-size:13px;font-weight:800;border:2px solid #fff;box-shadow:0 2px 7px #29466518}
.player-photo img{width:100%;height:100%;object-fit:cover;display:block}.player-photo [hidden]{display:none}
.player-photo.large{width:88px;height:88px;flex-basis:88px;font-size:25px;border-width:3px}
.player-identity{display:flex;align-items:center;gap:12px;min-width:165px}.player-identity .badge{flex-shrink:0}
.admin-player-info{display:flex;align-items:center;gap:12px;min-width:0}.admin-player-actions{display:flex;gap:8px;flex-wrap:wrap}
.player-photo-editor{margin-top:22px;padding:24px;border:1px solid #dfe7f2;border-radius:16px;background:linear-gradient(135deg,#f7faff,#fff)}
.player-photo-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.player-photo-editor-heading h3{margin:6px 0 0;font-size:20px}.player-photo-editor-heading .eyebrow{font-size:10px;margin:0}
@media(max-width:620px){.player-photo-editor{padding:16px}.admin-item:has(.admin-player-info){align-items:flex-start;flex-direction:column;gap:12px}.admin-player-actions{align-self:flex-end}.player-identity{gap:9px}.player-photo{width:36px;height:36px;flex-basis:36px}}

/* On phones, player standings contain only the player and their points. */
@media(max-width:620px){
  .table.player-standings{min-width:0;table-layout:fixed}
  .player-standings tr>:is(:nth-child(1),:nth-child(3),:nth-child(4),:nth-child(5)){display:none}
  .player-standings tr>:nth-child(2){width:auto;padding:13px 14px}
  .player-standings tr>:nth-child(6){width:72px;text-align:right;padding:13px 14px}
  .player-standings .player-identity{min-width:0;gap:9px;flex-wrap:wrap}
  .player-standings .player-identity b{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.4}
  .player-standings .player-identity .badge{font-size:8px;padding:3px 5px}
}

/* Shared fixture cards: size follows the panel, including the narrow home column. */
.week-navigation{min-width:0;max-width:100%;display:grid;gap:8px}
.week-window-note{font-size:11px;color:#748299}
.week-switch button small{display:block;font-size:9px;font-weight:500;margin-top:3px}
.hero{align-items:center}.hero>div:first-child{min-width:0}.hero .week-navigation{flex:0 1 55%}
.match-list{container-type:inline-size;padding:14px;gap:16px}
.match-list .match-card{grid-template-columns:minmax(0,1fr) minmax(130px,.85fr) minmax(0,1fr);gap:clamp(6px,1.8cqw,18px);min-height:clamp(142px,26cqw,210px)!important;padding:clamp(14px,2.5cqw,24px) clamp(10px,3cqw,28px)!important;border-radius:18px!important;box-shadow:0 10px 18px -10px #6d819a55,0 2px 6px #2338580a;transition:box-shadow .2s,transform .2s}
.match-list .match-card .team{min-width:0;display:flex;flex-direction:row;gap:clamp(6px,1.6cqw,15px);font-size:clamp(12px,2.9cqw,24px);font-weight:850;letter-spacing:-.035em;line-height:1.2;text-align:left;overflow-wrap:break-word}
.match-list .match-card .team span{min-width:0}
.match-list .match-card .team.away{flex-direction:row;text-align:right}
.match-list .match-card .crest{width:clamp(38px,11cqw,84px);height:clamp(46px,13cqw,92px);min-width:clamp(38px,11cqw,84px);flex-shrink:0}
.match-list .match-card .crest img{filter:drop-shadow(0 4px 3px #1c2a4024)}
.match-list .match-card .score-box{min-width:0;width:100%;gap:0}
.match-list .match-card .competition-badge{font-size:clamp(9px,1.65cqw,13px);font-weight:800;line-height:1.2;padding:7px 15px;max-width:100%;white-space:normal;text-wrap:balance;margin:0 0 12px;min-height:28px;letter-spacing:-.015em}
.match-list .match-card .score-inputs{gap:clamp(7px,1.7cqw,16px);margin:0;line-height:1}
.match-list .match-card .score-inputs input,.match-list .match-card .score-tile{width:clamp(40px,9.5cqw,76px);height:clamp(42px,8cqw,66px);border-radius:12px;border:1px solid #e0e6ed;background:linear-gradient(#f2f5f8,#eef2f6);color:#121e32;display:grid;place-items:center;font-family:inherit;font-size:clamp(25px,5.2cqw,43px);font-weight:900;letter-spacing:-.04em;box-shadow:inset 0 1px 1px #10234003;text-align:center}
.match-list .match-card .score-inputs input{display:block;padding:0;background:#fff;appearance:textfield}
.match-list .match-card .score-inputs input:disabled{opacity:1;background:#f8fafc;color:#8799ad}
.match-list .match-card .score-inputs input::placeholder{color:#9aaac0;text-align:center;opacity:1}
.prediction-score-field{position:relative;display:block;flex-shrink:0}
.score-placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#9aaac0;font-size:clamp(25px,5.2cqw,43px);font-weight:900;line-height:1}
.prediction-score-field input:not(:placeholder-shown)+.score-placeholder{display:none}
.match-list .match-card .score-inputs input:focus-visible{outline:2px solid #8baaf4;outline-offset:2px}
.match-list .match-card .score-inputs>b{font-size:clamp(20px,4cqw,32px);font-weight:800;color:inherit}
.ui-icon{display:inline-block;flex-shrink:0;width:15px;height:15px;vertical-align:middle}
.match-list .match-card .match-datetime{display:flex;gap:5px;margin:9px 0 0;font-size:clamp(9px,1.75cqw,13px);line-height:1.3;white-space:normal;font-weight:500;color:#5f6e83;justify-content:center}
.match-list .match-card .match-datetime .ui-icon{width:clamp(11px,2cqw,15px);height:clamp(11px,2cqw,15px)}
.match-list .match-card .prediction-note{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:4px 12px;min-width:80%;margin:6px 0 0;background:#e8eef5;color:#627c98;font-size:clamp(8px,1.5cqw,11px);line-height:1.2;font-weight:650}
.match-list .match-card .prediction-note .ui-icon{width:12px;height:12px}
.match-list .match-card .match-datetime.locked{background:#fff2d7;color:#99601b!important;border-radius:999px;padding:5px 9px;font-size:clamp(8px,1.5cqw,11px)}
.match-list .match-card.competition-superlig{color:#09162c;background:radial-gradient(ellipse 85% 80% at 5% 140%,transparent 65%,#dfe7ee55 66%,transparent 68%,#e6edf355 69%,transparent 72%),radial-gradient(ellipse 90% 90% at 97% 140%,transparent 66%,#dde6ef50 67%,transparent 70%,#e6edf340 71%,transparent 74%),linear-gradient(174deg,#fff 45%,#fafcfd 78%,#f0f4f8);border:1px solid #f5f7fa!important}
.match-list .match-card.competition-superlig:before,.match-list .match-card.competition-superlig:after{width:9px;height:46%;top:50%;background:linear-gradient(180deg,#ff003a,#df0024);clip-path:polygon(0 0,100% 13%,100% 87%,0 100%)}
.match-list .match-card.competition-superlig .competition-badge{background:linear-gradient(135deg,#ff0c3b,#d90022)!important;color:#fff!important;border:0!important;box-shadow:0 4px 8px #be19322b}
.match-list .match-card.competition-superlig .score-inputs input{border:1px solid #dce4ee;box-shadow:inset 0 1px 2px #1c365005}
.match-list .match-card.competition-ucl .match-datetime,.match-list .match-card.competition-uel .match-datetime,.match-list .match-card.competition-uecl .match-datetime{color:#edf3ff}
.match-list .match-card:is(.competition-ucl,.competition-uel,.competition-uecl) .prediction-note{background:#ffffff22;color:#fff}
.match-list .match-card.competition-custom{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--league-color) 10%,#fff));border:1px solid color-mix(in srgb,var(--league-color) 25%,#fff)!important}
.match-list .match-card:hover{transform:translateY(-1px);box-shadow:0 12px 20px -10px #6d819a66}
.bulk-save-wrap{align-items:center}.bulk-save-wrap small{max-width:300px;line-height:1.5}

/* Admin: progressively disclosed, scoped editing. */
.admin-hero p{line-height:1.6}.admin-current-week{padding:10px 16px;background:#fff;border:1px solid #dfe8f5;border-radius:12px;color:#45658e;font-size:13px;font-weight:700;white-space:nowrap}
.admin-workspace{display:grid;gap:16px}.admin-workspace .admin-grid{align-items:start}
.admin-section{overflow:hidden;min-width:0}
.admin-section>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;cursor:pointer;list-style:none;background:linear-gradient(110deg,#fff,#fcfdff)}
.admin-section>summary::-webkit-details-marker{display:none}
.admin-section>summary h2{margin:0;font-size:18px;letter-spacing:-.025em;color:#1c2c47}
.admin-section>summary p{margin:7px 0 0;font-size:13px;line-height:1.4;color:#75839a}
.disclosure-chevron{width:22px;height:22px;flex-shrink:0;color:#8294b0;transition:transform .2s}
.admin-section[open]>summary{border-bottom:1px solid #e6ecf5}.admin-section[open]>summary .disclosure-chevron{transform:rotate(180deg);color:#356df3}
.admin-section>summary:focus-visible{outline:3px solid #aac0f4;outline-offset:-4px}
.admin-section-body{padding:24px 28px;background:#fff}
.admin-section .form-grid{padding:0;gap:18px;align-items:start}
.admin-section label,.admin-filter label{display:grid;gap:8px;font-size:12px;line-height:1.5;font-weight:650;color:#5c6f89}
.admin-section .field{font-size:14px;padding:12px 13px;min-height:46px;background:#f9fbfe;border-radius:10px;font-weight:500}
.admin-section .field:disabled{color:#9ba8ba;background:#f3f5f8;cursor:not-allowed}
.admin-select-steps{display:grid;grid-template-columns:1fr .6fr 1.5fr;gap:18px;align-items:end}
.step-caption{display:flex;align-items:center;gap:8px;color:#405b7e;font-weight:700;font-size:13px}
.step-caption>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf3ff;color:#356df3;font-size:11px}
.admin-empty{padding:38px 20px;text-align:center;background:#fafbfd;border:1px dashed #dce5f0;border-radius:12px;color:#8190a5;font-size:13px;margin-top:22px}
.prediction-editor{margin-top:26px;background:#fdfefe;border:1px solid #e2e9f2;border-radius:14px;overflow:hidden}
.prediction-editor .form-grid{padding:22px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px;background:linear-gradient(115deg,#f1f6ff,#f9fbff);border-bottom:1px solid #e3ebf5}
.editor-heading .eyebrow{font-size:10px;margin:0;letter-spacing:.08em}.editor-heading h3{font-size:19px;letter-spacing:-.025em;margin:8px 0}.editor-heading h3 span,.result-match-info h3 span{color:#99a8bc}
.editor-heading p{font-size:12px;color:#74839a;margin:0}.editor-status{font-size:11px;white-space:nowrap;color:#5d7699;background:#fff;padding:7px 11px;border:1px solid #e1e8f2;border-radius:999px}
.form-help{color:#7e8da3;font-size:12px;line-height:1.7;margin:0}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:3px}
.form-message{font-size:12px;color:#148363;line-height:1.5}.form-message.error{color:#c83850}
.score-summary{display:flex;gap:28px;padding:15px 18px;background:#f4f7fb;border-radius:10px;font-size:12px;color:#798aa2}.score-summary b{display:block;color:#304761;font-size:17px;margin-top:5px}
.admin-filter{display:grid;gap:8px;max-width:260px}.result-editor-list{margin-top:24px;display:grid;gap:12px}.result-count{font-size:12px;color:#7a89a0;margin:0 0 3px}
.result-editor-row{display:grid;grid-template-columns:minmax(200px,1fr) 160px auto;align-items:center;gap:18px;padding:20px;border:1px solid #e3eaf4;border-radius:12px;background:#fff}
.result-match-info .competition-badge{display:inline-block;font-size:9px;background:#eef3fa;color:#637e9e;padding:5px 8px;border:0;margin:0 0 7px}
.result-match-info h3{font-size:14px;margin:0 0 6px;line-height:1.5}.result-match-info p{font-size:11px;color:#7d8ca3;margin:0}
.result-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}.result-fields>span{padding-bottom:13px;color:#93a4ba}.result-fields label{font-size:10px;text-align:center}.result-fields .field{text-align:center;font-size:20px;font-weight:800;padding:8px;width:100%;min-width:0}
.result-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.result-actions .btn{font-size:11px;padding:10px 11px;min-height:39px}
.result-editor-row>.form-message{grid-column:1/-1}.result-editor-row>.form-message:empty{display:none}
.league-directory{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #edf1f7}.league-directory-item{display:flex;gap:6px;align-items:center;font-size:10px;color:#6b7e97;padding:6px 8px;border-radius:7px;background:#f5f8fc}.league-directory-item>span{width:7px;height:7px;border-radius:50%}
.manage-teams{margin-top:18px;font-size:12px}#addedMatchLink:not(:empty){padding-top:16px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:1200px){.result-editor-row{grid-template-columns:minmax(170px,1fr) 160px}.result-actions{grid-column:1/-1;justify-content:flex-start}.admin-select-steps{grid-template-columns:1fr 1fr}.admin-select-steps>label:last-child{grid-column:1/-1}}
@media(max-width:980px){.hero .week-navigation{width:100%;flex:auto}.admin-section>summary{padding:22px}.admin-section-body{padding:20px}}
@media(max-width:620px){.match-list{padding:8px;gap:12px}.match-list .match-card{border-radius:13px!important}.admin-section>summary h2{font-size:16px}.admin-section>summary p{font-size:12px}.admin-section-body{padding:16px}.admin-select-steps{grid-template-columns:1fr}.admin-select-steps>label:last-child{grid-column:auto}.admin-section .form-grid{grid-template-columns:1fr}.editor-heading{padding:16px;align-items:start;flex-direction:column;gap:10px}.prediction-editor .form-grid{padding:16px}.result-editor-row{grid-template-columns:1fr;padding:16px}.result-fields{max-width:185px}.admin-section .btn{min-height:44px}.form-actions .form-message{flex-basis:100%}.admin-current-week{display:none}.week-window-note{font-size:10px}}
@container(max-width:440px){.match-list .match-card{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);padding:12px 8px!important;gap:4px}.match-list .match-card .team{flex-direction:column;text-align:center;font-size:12px;gap:6px}.match-list .match-card .team.away{flex-direction:column-reverse;text-align:center}.match-list .match-card .competition-badge{font-size:9px;padding:6px 8px}.match-list .match-card .crest{width:44px;height:50px;min-width:44px}.match-list .match-card .match-datetime{font-size:9px}}

/* Four distinct page accents, with motion focused on the user's current action. */
.content[data-page=home]{--page-accent:#356df3}
.content[data-page=predictions]{--page-accent:#df0030}
.content[data-page=leaderboard]{--page-accent:#c49329}
.content[data-page=opponents]{--page-accent:#7161cc}
.content:is([data-page=home],[data-page=predictions],[data-page=leaderboard],[data-page=opponents]) .hero{position:relative;isolation:isolate;overflow:hidden;border-color:color-mix(in srgb,var(--page-accent) 14%,#fff)}
.content:is([data-page=home],[data-page=predictions],[data-page=leaderboard],[data-page=opponents]) .hero:after{content:'';position:absolute;width:230px;height:230px;right:-100px;top:-120px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--page-accent) 13%,transparent),transparent 70%);animation:ambientDrift 10s ease-in-out infinite alternate}
.content .hero .eyebrow{color:var(--page-accent,var(--accent))}
.stat{transition:transform .25s,box-shadow .25s,border-color .25s}
.stat:hover{transform:translateY(-4px);box-shadow:0 14px 32px #203b6412}
.stat:after{transition:transform .5s;transform-origin:center}.stat:hover:after{transform:scale(1.4)}
.stat b{transition:color .2s}.stat:hover b{color:var(--accent)}
.week-switch button,.opponent-tabs button,.opponent-week-picker button{transition:background .22s,color .22s,box-shadow .22s,transform .22s}
.week-switch button:hover:not(.active),.opponent-week-picker button:hover:not(.active){background:#f0f5ff;transform:translateY(-1px)}
.week-switch button.active{box-shadow:0 4px 12px #356df333}
.opponent-tabs button.active{box-shadow:0 5px 15px #356df32b}
.opponent-tabs button:hover{transform:translateY(-2px)}
.match-list .match-card{transition:box-shadow .25s,transform .25s,border-color .25s}
.match-list .match-card .crest{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.match-list .match-card:hover .crest{transform:translateY(-2px) scale(1.04)}
.match-list .match-card .score-tile,.match-list .match-card .score-inputs input{transition:box-shadow .22s,background .22s,border-color .22s,transform .22s}
.match-list .match-card:focus-within{box-shadow:0 0 0 2px #b9ccef,0 10px 25px #24416616}
.match-list .match-card .score-inputs input:focus{transform:translateY(-2px);box-shadow:0 5px 14px #356df318}
.match-list .match-card .competition-badge{transition:box-shadow .25s,transform .25s}
.match-list .match-card:hover .competition-badge{transform:translateY(-1px);box-shadow:0 5px 14px #11203b20}
.content[data-page=leaderboard] .rank.r1,.content[data-page=home] .rank.r1{position:relative;overflow:hidden;box-shadow:0 3px 9px #bc8e231a}
.content[data-page=leaderboard] .rank.r1:after,.content[data-page=home] .rank.r1:after{content:'';position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,#fff9 50%,transparent 65%);transform:translateX(-100%);animation:medalShine 6s ease-in-out infinite;pointer-events:none}
.content[data-page=leaderboard] .table tbody tr,.leader-row{transition:background .2s,box-shadow .2s}
.content[data-page=leaderboard] .table tbody tr:hover,.leader-row:hover{background:#f7faff;box-shadow:inset 3px 0 #c7d7f4}
.content[data-page=leaderboard] .table .bigpts{transition:color .2s,transform .2s}.content[data-page=leaderboard] .table tr:hover .bigpts{color:#b7841c;transform:translateX(2px)}
.content[data-page=opponents] .opponent-summary{border-top:2px solid #c9c1f5;background:linear-gradient(115deg,#f3f1ff,#f9fbff)}
.content[data-page=opponents] .avatar.large{box-shadow:0 0 0 5px #fff,0 0 0 6px #ded9f7;transition:transform .3s}
.content[data-page=opponents] .opponent-summary:hover .avatar.large{transform:rotate(-4deg)}
.content[data-page=opponents] .table tbody tr{transition:background .2s}.content[data-page=opponents] .table tbody tr:hover{background:#f7f5ff}
.nav{transition:color .2s,background .2s,box-shadow .2s}.nav span{transition:transform .25s}.nav:hover span{transform:translateX(2px)}
.nav span svg{width:16px;height:16px;display:block}
.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}
@keyframes ambientDrift{to{transform:translate(-35px,25px) scale(1.1)}}
@keyframes medalShine{0%,68%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@media(hover:none){.stat:hover,.match-list .match-card:hover .crest,.opponent-tabs button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stat:hover,.match-list .match-card:hover,.match-list .match-card:hover .crest,.match-list .match-card .score-inputs input:focus,.opponent-tabs button:hover{transform:none!important}}

/* Rakip tahmini görünürlüğü */
.visibility-week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.visibility-week-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #dfe7f3;border-radius:14px;background:linear-gradient(120deg,#fbfdff,#f4f8ff)}
.visibility-week-card span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#6a7f9c}.visibility-week-card h3{margin:6px 0 5px;font-size:19px}.visibility-week-card p{margin:0;color:#74849b;font-size:12px;line-height:1.5}.visibility-week-card .btn{white-space:nowrap}
.predictions-hidden-state{display:flex;align-items:center;gap:16px;margin:20px;padding:22px;border:1px solid #ddd8fa;border-radius:15px;background:linear-gradient(120deg,#f7f5ff,#f7fbff);color:#514597}
.predictions-hidden-state .hidden-lock{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:#7161cc;color:transparent;box-shadow:0 8px 20px #7161cc38;position:relative}
.predictions-hidden-state .hidden-lock:before{content:'🔒';color:#fff;font-size:20px}.predictions-hidden-state h3{margin:0 0 5px;font-size:16px}.predictions-hidden-state p{margin:0;color:#746f92;font-size:12px;line-height:1.55}
.quiz-reset-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px;border:1px solid #ffd5dc;border-radius:14px;background:linear-gradient(120deg,#fff9fa,#fff3f5)}.quiz-reset-box>div{min-width:0}.quiz-reset-box span{color:#cb3d55;font-size:9px;letter-spacing:.13em;font-weight:950}.quiz-reset-box h3{margin:7px 0 6px;font-size:18px}.quiz-reset-box p{margin:0;max-width:760px;color:#7c6570;font-size:12px;line-height:1.65}.quiz-reset-box .btn{flex:0 0 auto;white-space:nowrap}.quiz-reset-box+.form-message{display:block;margin:12px 2px 0}

/* Futbol Yarışı */
.content[data-page=quiz]{--page-accent:#0b9b73}.content[data-page=quiz] .hero{position:relative;isolation:isolate;overflow:hidden;border-color:#bfe9dc;background:radial-gradient(circle at 85% 5%,#6be3bd32,transparent 32%),linear-gradient(125deg,#fff,#eefbf7)}
.content[data-page=quiz] .hero:after{content:'';position:absolute;z-index:-1;right:-70px;bottom:-115px;width:260px;height:260px;border:34px solid #0b9b730e;border-radius:50%}
.quiz-hero{align-items:center}.quiz-bank{min-width:165px;padding:16px 20px;border:1px solid #bfe8dc;border-radius:18px;background:#fff;box-shadow:0 12px 30px #0b7d5c12;text-align:center}.quiz-bank b{display:block;color:#07825f;font-size:27px;letter-spacing:-.04em}.quiz-bank span{color:#718b83;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.quiz-incoming{margin-bottom:18px;overflow:hidden;border:1px solid #b9e7d9;border-radius:18px;background:#fff;box-shadow:0 12px 34px #193d3510}.quiz-invite-card{display:grid;grid-template-columns:minmax(180px,1fr) 1.4fr auto;align-items:center;gap:18px;padding:17px 20px;border-top:1px solid #edf3f1}.quiz-invite-card p{margin:0;color:#687c77;font-size:12px}.quiz-invite-card>div:last-child{display:flex;gap:7px}
.quiz-player{display:flex;align-items:center;gap:11px;min-width:0}.quiz-player>div{min-width:0}.quiz-player b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.quiz-player span{display:block;margin-top:2px;color:#82928e;font-size:10px}.quiz-player .player-photo.large{width:58px;height:58px;flex-basis:58px}
.quiz-arena{margin-bottom:20px;padding:28px;border-radius:24px;color:#fff;text-align:center;background:radial-gradient(circle at 50% -30%,#3bb99580,transparent 45%),linear-gradient(140deg,#092f3a,#0a5b55 60%,#08745f);box-shadow:0 22px 50px #123b3a2b;overflow:hidden;position:relative}.quiz-arena:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#fff08 48%,transparent 72%);transform:translateX(-100%);animation:quizSweep 7s ease-in-out infinite}.quiz-arena .quiz-player span{color:#b9d9d2}.quiz-arena .player-photo{background:#fff;color:#08745f}.quiz-versus{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;max-width:640px;margin:auto}.quiz-versus>.quiz-player:first-child{justify-content:flex-end}.quiz-versus>.quiz-player:last-child{justify-content:flex-start}.quiz-versus>span{font-size:19px;font-weight:1000;color:#7be5c3}.quiz-countdown{margin-top:25px}.quiz-countdown span{display:block;color:#b9e4d8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.quiz-countdown b{display:block;margin-top:3px;font-size:48px}.quiz-arena>p{color:#c5e1da;font-size:12px;margin:12px 0 0}
.quiz-result-kicker,.quiz-question-number{font-size:10px;letter-spacing:.15em;font-weight:900;color:#8ce6cc}.quiz-arena.finished h2{font-size:28px;margin:7px 0 22px}.quiz-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;max-width:650px;margin:auto}.quiz-scoreboard>div{display:flex;align-items:center;justify-content:flex-end;gap:20px}.quiz-scoreboard>div:last-child{justify-content:flex-start}.quiz-scoreboard strong{font-size:48px}.quiz-scoreboard>span{font-size:28px;color:#8ce6cc}
.quiz-live-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:left}.quiz-mini-score{font-size:12px;color:#b9ddd5}.quiz-mini-score b{font-size:19px;color:#fff;margin:0 6px}.quiz-mini-score span{color:#61c6aa}.quiz-question-number{text-align:center}.quiz-timer{justify-self:end;display:flex;align-items:baseline;gap:3px}.quiz-timer b{font-size:29px}.quiz-timer span{font-size:10px;color:#a9d8cc}.quiz-progress{height:5px;border-radius:999px;background:#ffffff24;margin:13px 0 26px;overflow:hidden}.quiz-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6ce3bf,#f5d66f);transition:width .3s}.quiz-arena.live h2{max-width:760px;margin:0 auto 23px;font-size:clamp(20px,3vw,29px);line-height:1.35}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:790px;margin:auto}.quiz-options button{display:flex;align-items:center;gap:13px;min-height:58px;padding:11px 14px;border:1px solid #ffffff35;border-radius:14px;background:#ffffff12;color:#fff;text-align:left;font-weight:750;cursor:pointer;transition:.18s}.quiz-options button:hover:not(:disabled){transform:translateY(-2px);background:#ffffff20;border-color:#7ee7ca}.quiz-options button.selected{background:#7ee7ca;color:#073c34;border-color:#7ee7ca}.quiz-options button:disabled{cursor:default}.quiz-options button span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#ffffff19;font-size:11px}.quiz-options button.selected span{background:#0b705c;color:#fff}.quiz-answer-saved,.quiz-answer-help{margin:14px 0 0!important;color:#bde0d8!important}
.quiz-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);align-items:start;gap:20px}.quiz-layout>div{display:grid;gap:20px}.quiz-rival-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.quiz-rival-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid #e3eaf2;border-radius:13px;background:#fbfdff}.quiz-rival-card .btn{padding:9px 11px;font-size:10px;white-space:nowrap}.quiz-outgoing{display:flex;gap:7px;flex-wrap:wrap;padding:13px 14px 0}.quiz-outgoing span{padding:7px 9px;border-radius:999px;background:#fff7df;color:#9b7110;font-size:10px;font-weight:800}.quiz-h2h-panel{margin-top:0}.quiz-h2h-list{display:grid;gap:0;padding:7px 14px}.quiz-h2h-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 3px;border-bottom:1px solid #edf1f5}.quiz-h2h-list article:last-child{border:0}.quiz-h2h-numbers{display:grid;grid-template-columns:repeat(3,auto);align-items:center;gap:8px;text-align:right}.quiz-h2h-numbers b{color:#0a9a70}.quiz-h2h-numbers span{color:#718198;font-size:12px}.quiz-h2h-numbers small{grid-column:1/-1;color:#8795a8}.quiz-table{min-width:590px}
@keyframes quizSweep{0%,72%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media(max-width:1150px){.quiz-layout{grid-template-columns:1fr}.quiz-rival-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.visibility-week-grid,.quiz-rival-grid{grid-template-columns:1fr}.quiz-invite-card{grid-template-columns:1fr}.quiz-invite-card>div:last-child{justify-content:flex-start}.quiz-reset-box{align-items:stretch;flex-direction:column}.quiz-reset-box .btn{width:100%}}
@media(max-width:620px){.visibility-week-card{align-items:stretch;flex-direction:column}.predictions-hidden-state{align-items:flex-start;margin:13px;padding:16px}.quiz-hero{align-items:stretch}.quiz-bank{width:100%}.quiz-arena{padding:21px 13px;border-radius:18px}.quiz-versus{grid-template-columns:1fr 40px 1fr}.quiz-versus>.quiz-player{flex-direction:column;text-align:center}.quiz-versus>.quiz-player:first-child,.quiz-versus>.quiz-player:last-child{justify-content:center}.quiz-scoreboard{gap:9px}.quiz-scoreboard>div{gap:8px;flex-direction:column}.quiz-scoreboard>div:last-child{flex-direction:column-reverse}.quiz-scoreboard strong{font-size:35px}.quiz-live-head{grid-template-columns:1fr auto}.quiz-question-number{grid-column:1/-1;grid-row:1;text-align:left;margin-bottom:8px}.quiz-timer{grid-column:2;grid-row:2}.quiz-mini-score{grid-column:1;grid-row:2}.quiz-options{grid-template-columns:1fr}.quiz-options button{min-height:52px}.quiz-table{min-width:0}.quiz-table tr>:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)){display:none}.quiz-table tr>:nth-child(2){padding:13px}.quiz-table tr>:nth-child(4){width:48px;text-align:center;padding:13px 5px}.quiz-table tr>:nth-child(7){width:62px;text-align:right;padding:13px}.quiz-rival-card{align-items:stretch;flex-direction:column}.quiz-rival-card .btn{width:100%}}

/* Futbol Yarışı v2: sakin beyaz oyun yüzeyi ve belirgin cevap sonucu. */
.content[data-page=quiz]{background:#fff;border-radius:26px}
.quiz-arena{color:#142b30;background:radial-gradient(circle at 92% 0,#dffaf1 0,transparent 28%),linear-gradient(180deg,#fff,#f8fffc);border:1px solid #bde9db;box-shadow:0 20px 55px #0e6e5317}
.quiz-arena:before{animation:none;transform:none;background:linear-gradient(120deg,transparent 55%,#dff8f045);opacity:.75}
.quiz-arena .quiz-player span,.quiz-arena>p,.quiz-answer-saved,.quiz-answer-help{color:#617b78!important}.quiz-arena .player-photo{background:#eefaf6;color:#08745f}
.quiz-result-kicker,.quiz-question-number{color:#078c65}.quiz-scoreboard>span,.quiz-versus>span{color:#0b9b73}.quiz-countdown span{color:#587b73}
.quiz-mini-score{color:#506e68}.quiz-mini-score b{color:#102c30}.quiz-mini-score span{color:#10a87a}.quiz-timer b{color:#087c5c}.quiz-timer span{color:#708c86}
.quiz-progress{background:#dcebe7}.quiz-progress i{background:linear-gradient(90deg,#19d49b,#0a9c72)}
.quiz-options button{position:relative;color:#1c3538;background:#fff;border:1px solid #b9dcd3;box-shadow:0 7px 20px #114f3d0a}
.quiz-options button:hover:not(:disabled){background:#f0fcf8;border-color:#18ae82;box-shadow:0 10px 22px #0b7e5d17}.quiz-options button span{background:#e9f7f3;color:#08785b}.quiz-options button>b{font-size:14px}
.quiz-options button.selected{color:#073c34;background:#dcf8ee;border-color:#19ad82;box-shadow:0 0 0 3px #16a97c16}.quiz-options button.selected span{background:#0b8d69;color:#fff}
.quiz-options button.correct{color:#075c42;background:#dff9ee;border-color:#16a878;box-shadow:0 0 0 3px #16a8781f}.quiz-options button.correct>span{background:#119b70;color:#fff}
.quiz-options button.wrong{color:#8e2436;background:#fff0f2;border-color:#e45a70;box-shadow:0 0 0 3px #e45a7017}.quiz-options button.wrong>span{background:#d94159;color:#fff}
.quiz-options button.opponent-choice:not(.correct):not(.wrong){border-color:#607ce7;box-shadow:0 0 0 3px #607ce718}
.quiz-options button small{display:flex;gap:5px;margin-left:auto}.quiz-options button small i{font-style:normal;font-size:8px;font-weight:900;padding:4px 6px;border-radius:999px;background:#eef3f5;color:#496166}.quiz-options button.correct small i:last-child{background:#0d936a;color:#fff}
.quiz-question-meta{display:flex;align-items:center;justify-content:center;gap:7px;margin:-10px 0 12px;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.quiz-question-meta span,.quiz-question-meta i,.quiz-question-meta b{padding:5px 8px;border-radius:999px;font-style:normal}.quiz-question-meta span{background:#edf8f5;color:#15785f}.quiz-question-meta i{background:#f1f4f7;color:#607078}.quiz-question-meta b.easy{background:#ddf8e9;color:#117044}.quiz-question-meta b.medium{background:#fff3cf;color:#8b6500}.quiz-question-meta b.hard{background:#ffe2e7;color:#a62b43}
.quiz-reveal-note{margin:16px 0 0!important;color:#08785b!important;font-size:12px}.quiz-reveal-note b{display:inline-block;min-width:18px;font-size:16px}
.quiz-leave{position:absolute;right:16px;top:14px;z-index:2;border:1px solid #dce8e5;border-radius:999px;background:#fff;color:#60756f;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.quiz-leave:hover{border-color:#9dcfc0;color:#08785b}
.quiz-arena.revealing{border-color:#77d2b5}.quiz-arena.revealing h2{color:#0c503f}

@media(max-width:620px){
  body.quiz-game-mode{overflow:hidden;background:#fff}
  body.quiz-game-mode .sidebar,body.quiz-game-mode .topbar{display:none!important}
  body.quiz-game-mode .app{display:block;min-height:100dvh;background:#fff}
  body.quiz-game-mode .main-area{display:block;min-height:100dvh}
  body.quiz-game-mode .content[data-page=quiz]{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;max-width:none;padding:0;margin:0;border-radius:0;overflow:auto;background:#fff}
  body.quiz-game-mode .quiz-hero,body.quiz-game-mode .quiz-incoming,body.quiz-game-mode .quiz-layout{display:none!important}
  body.quiz-game-mode .quiz-arena{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;margin:0;padding:50px 14px 18px;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 100% 0,#daf8ed,transparent 34%),#fff}
  body.quiz-game-mode .quiz-arena.live h2{font-size:21px;margin:8px auto 18px;line-height:1.3}
  body.quiz-game-mode .quiz-question-meta{margin:-5px 0 9px;flex-wrap:wrap}
  body.quiz-game-mode .quiz-live-head{flex:0 0 auto}
  body.quiz-game-mode .quiz-progress{margin:10px 0 18px}
  body.quiz-game-mode .quiz-options{width:100%;gap:8px}
  body.quiz-game-mode .quiz-options button{min-height:54px;padding:9px 11px;border-radius:13px}
  body.quiz-game-mode .quiz-options button>b{font-size:13px}
  body.quiz-game-mode .quiz-options button small{flex-wrap:wrap;justify-content:flex-end}
  body.quiz-game-mode .quiz-leave{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px}
}