@import url('fonts.css');
:root{--accent:#ef7438;--accent-dark:#d65b21;--tint:#fff0e7;--ink:#242a36;--muted:#83838b;--line:#ece9e5;--bg:#fbfaf8;--blue:#4278b3;--soft:#f3f1ee;--shadow:0 8px 28px #272b3510;font-family:Alexandria,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}input:focus{outline:2px solid var(--accent);outline-offset:2px}img{object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}button{border:0;background:none}.shell{max-width:1320px;margin:auto;padding:0 40px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{background:var(--accent);width:40px;height:44px;border-radius:13px 13px 13px 3px;color:white;display:grid;place-items:center;font-size:32px;font-weight:800;transform:rotate(-8deg)}.brand-name{font-size:21px;font-weight:900;letter-spacing:-1px}.brand-name span{color:var(--accent)}.nav-links{display:flex;gap:30px;font-size:12px;color:#777}.nav-links .active{color:var(--accent);font-weight:700}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 23px;border-radius:12px;font-size:12px;font-weight:600;transition:transform .15s,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 15%,transparent)}.btn.primary:hover{background:var(--accent-dark)}.btn.outline{border:1px solid var(--line);background:#fff}.btn.soft{background:var(--tint);color:var(--accent-dark)}.btn.dark{background:var(--ink);color:#fff}.btn.sm{min-height:37px;padding:9px 14px;font-size:11px}.text-btn{font-size:11px;color:var(--muted);padding:8px}.text-btn:hover{color:var(--accent)}.pill{display:inline-flex;gap:7px;align-items:center;background:var(--tint);color:var(--accent-dark);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);padding:8px 13px;border-radius:30px;font-size:10px;font-weight:500}.dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:65px 0 60px;min-height:580px}.hero-copy h1{font-size:clamp(36px,4.7vw,66px);line-height:1.65;margin:15px 0 15px;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--accent);position:relative}.hero-copy h1 em:after{content:'';position:absolute;bottom:-5px;right:0;width:100%;height:8px;border-top:3px solid var(--accent);border-radius:50%;transform:rotate(-4deg)}.hero-copy p{font-size:13px;line-height:2.3;color:#73747d;max-width:420px}.hero-actions{display:flex;gap:12px;margin:26px 0 22px}.hero-note{font-size:10px;color:#93929a;display:flex;align-items:center;gap:8px}.hero-art{position:relative;height:442px;direction:ltr}.art-background{position:absolute;inset:15px;background:#f3e8dd;border-radius:100px 100px 80px 110px;transform:rotate(5deg)}.feature-photo{position:absolute;border:7px solid var(--bg);border-radius:23px;overflow:hidden;box-shadow:0 10px 25px #18232c18}.feature-photo img{width:100%;height:100%}.photo-football{width:64%;height:285px;left:3%;top:12px;transform:rotate(-7deg)}.photo-kuwait{width:52%;height:240px;right:0;bottom:0;transform:rotate(7deg)}.photo-food{width:38%;height:174px;left:1%;bottom:0;transform:rotate(-9deg)}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 12px;background:linear-gradient(transparent,#000a);color:white;font-size:13px;font-weight:700;direction:rtl}.floating-badge{position:absolute;z-index:3;background:white;border:1px solid var(--line);border-radius:14px;padding:13px 17px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;direction:rtl;font-size:10px;transform:rotate(3deg);right:0;top:0}.floating-badge strong{display:block;font-size:13px;margin-bottom:5px}.badge-icon{width:40px;height:40px;background:var(--tint);border-radius:12px;color:var(--accent);display:grid;place-items:center;font-size:25px;font-weight:800}.random-float{position:absolute;z-index:3;top:53%;left:27%;border:6px solid var(--bg);background:var(--accent);width:90px;height:90px;border-radius:22px;transform:rotate(12deg);display:grid;place-items:center;color:white;font-size:60px;font-weight:800;box-shadow:0 8px 20px #0001}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;color:var(--accent);font-weight:600;display:block;margin-bottom:12px}.section-head h2{font-size:26px;line-height:1.7}.section-head p{font-size:11px;color:var(--muted);line-height:2}.section{padding:45px 0}.category-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.preview-card{height:200px;border-radius:16px;position:relative;overflow:hidden;text-align:right;display:block;background:#e6e2da;padding:0}.preview-card img{width:100%;height:100%;transition:transform .35s}.preview-card:hover img{transform:scale(1.06)}.preview-card:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#12161bd9)}.preview-caption{position:absolute;z-index:1;bottom:17px;right:17px;color:#fff}.preview-caption small{font-size:8px;opacity:.75}.preview-caption h3{font-size:15px;margin-top:8px}.play-icon{position:absolute;left:15px;bottom:17px;z-index:1;color:white;width:27px;height:27px;border-radius:50%;border:1px solid #fff6;display:grid;place-items:center;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);padding-top:35px}.step{display:flex;gap:16px}.step-no{color:var(--accent);font-size:12px;background:var(--tint);width:38px;height:38px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.step h3{font-size:13px;margin:5px 0 10px}.step p{font-size:11px;color:var(--muted);line-height:2.1}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;margin-top:40px;font-size:10px;color:var(--muted);gap:20px}.footer-links{display:flex;gap:20px}.theme-switch{display:flex;gap:7px;align-items:center}.theme-dot{height:18px;width:18px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd}.theme-dot.selected{box-shadow:0 0 0 2px var(--ink)}.page{padding:45px 0;min-height:70vh}.page-title{font-size:34px;margin:10px 0 14px}.page-subtitle{font-size:12px;color:var(--muted);line-height:2}.back-link{font-size:11px;color:var(--muted);display:inline-flex;gap:8px;margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:20px;background:white;padding:28px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:40px auto;min-height:580px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:white}.auth-art{position:relative;background:var(--ink);padding:45px;color:white;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.auth-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#121820ed,#12182022),url('assets/stadium.jpg') center/cover;opacity:.8}.auth-art>*{position:relative}.auth-art h2{font-size:34px;line-height:1.8}.auth-art p{font-size:12px;line-height:2.2;color:#ddd}.auth-form{padding:42px}.auth-form h1{font-size:26px;margin-bottom:12px}.auth-form>p{font-size:11px;color:var(--muted);line-height:2}.form-field{margin:20px 0}.form-field label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}.input{width:100%;padding:14px 15px;min-height:49px;border:1px solid #e2e0dd;border-radius:11px;background:#fff;color:var(--ink);font-size:12px}.input::placeholder{color:#aaa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{width:100%}.form-error{font-size:11px;line-height:1.9;color:#bf3434;min-height:22px}.notice{padding:13px 16px;background:#fff6e8;border:1px solid #f0d9b9;border-radius:11px;font-size:10px;line-height:2;color:#986729}.tiny{font-size:10px;line-height:2;color:var(--muted)}.center{text-align:center}.auth-bottom{margin-top:18px;font-size:10px;line-height:2.5;color:var(--muted)}.auth-bottom button{color:var(--accent);font-weight:700}.account-avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent);font-size:14px;font-weight:700}.setup-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.setup-steps{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted)}.setup-steps strong{color:var(--accent)}.team-setup{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.team-form-card{border:1px solid var(--line);border-radius:20px;background:white;padding:25px;position:relative;overflow:hidden}.team-form-card:before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:var(--accent)}.team-form-card.second:before{background:var(--blue)}.team-form-card h2{font-size:19px}.team-form-card .team-number{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--tint);color:var(--accent);border-radius:50%;font-size:14px;margin-left:8px}.team-form-card.second .team-number{background:#edf3fb;color:var(--blue)}.rules-mini{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.rules-mini div{padding:22px;text-align:center;border-left:1px solid var(--line)}.rules-mini div:last-child{border:0}.rules-mini strong{display:block;font-size:25px;margin-bottom:10px}.rules-mini small{font-size:10px;color:var(--muted)}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:10px;padding:10px 16px;border-radius:25px;border:1px solid var(--line);background:white;color:#74747f}.filter.selected{background:var(--ink);color:white;border-color:var(--ink)}.search{max-width:260px;min-height:40px;padding:10px 14px;font-size:10px}.selection-roles{display:flex;gap:12px;margin:25px 0}.selection-role{flex:1;background:white;border:1px solid var(--line);padding:15px 18px;border-radius:13px;font-size:12px;display:flex;justify-content:space-between}.selection-role.current{border-color:var(--accent);box-shadow:0 0 0 2px var(--tint)}.selection-role.second.current{border-color:var(--blue);box-shadow:0 0 0 2px #edf3fb}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.cat-card{border:1px solid var(--line);background:white;border-radius:17px;overflow:hidden;position:relative;padding:0;text-align:right;transition:transform .2s,border-color .2s}.cat-card:hover{transform:translateY(-4px)}.cat-card.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--tint)}.cat-card.picked.second{border-color:var(--blue);box-shadow:0 0 0 2px #edf3fb}.cat-image{height:137px;position:relative;overflow:hidden;background:#eee}.cat-image img{width:100%;height:100%;transition:transform .3s}.cat-card:hover img{transform:scale(1.06)}.cat-bottom{padding:14px}.cat-bottom h3{font-size:12px;margin-bottom:8px}.cat-bottom small{font-size:8px;color:var(--muted)}.cat-check{position:absolute;top:11px;left:11px;width:25px;height:25px;border-radius:50%;border:1px solid #ffffffa8;background:#ffffffd9;z-index:2;display:grid;place-items:center;font-size:12px}.picked .cat-check{background:var(--accent);border-color:white;color:white}.picked.second .cat-check{background:var(--blue)}.cat-owner{position:absolute;bottom:10px;right:10px;background:#fffc;border-radius:6px;padding:5px 8px;font-size:8px;z-index:2}.random-preview{margin-top:22px;border:1px dashed var(--accent);background:var(--tint);border-radius:17px;padding:20px;display:flex;align-items:center;gap:20px}.random-preview .question-mark{font-size:45px;font-weight:800;color:var(--accent)}.random-preview h3{font-size:14px;margin-bottom:8px}.random-preview p{font-size:10px;line-height:2;color:#7c766e}.sticky-selection{position:sticky;bottom:15px;background:#fffffff5;backdrop-filter:blur(12px);box-shadow:0 5px 35px #2222;border:1px solid var(--line);border-radius:17px;padding:15px 20px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;z-index:5}.sticky-selection strong{font-size:13px}.sticky-selection small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.game-shell{max-width:1600px;padding:0 24px;margin:auto}.game-top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:86px;border-bottom:1px solid var(--line);margin-bottom:22px}.game-top .brand-name{font-size:18px}.game-meta{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:15px}.turn-badge{font-size:12px;font-weight:600;border-radius:30px;padding:12px 24px;background:var(--tint);color:var(--accent-dark)}.turn-badge.blue{background:#eaf2fb;color:var(--blue)}.game-tools{display:flex;gap:5px}.icon-btn{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;border:1px solid var(--line);background:white;font-size:15px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.board-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:white;min-width:0}.board-image{height:125px;position:relative;overflow:hidden;background:#dedbd5}.board-image img{width:100%;height:100%;transition:transform .3s}.board-card:hover .board-image img{transform:scale(1.035)}.board-image:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#171921bf)}.board-image h2{position:absolute;bottom:13px;right:17px;z-index:1;color:#fff;font-size:16px;text-shadow:0 2px 4px #0003}.board-image small{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:7px;background:#ffffffdf;font-size:8px;z-index:1}.board-content{padding:12px 14px}.board-col-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:8px;color:var(--muted);gap:10px;margin-bottom:9px}.point-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.point{height:38px;border-radius:9px;background:var(--tint);color:var(--accent-dark);font-size:17px;font-weight:700;position:relative}.point:hover:not(:disabled){background:var(--accent);color:white}.point.second{background:#edf3fa;color:#3c689c}.point.second:hover:not(:disabled){background:var(--blue);color:white}.point.used{background:#f1f1f1;color:#b4b4b4;opacity:1}.point.locked{opacity:.55}.board-card.random{border-color:color-mix(in srgb,var(--accent) 40%,white);background:#fffaf6}.random-art{background:radial-gradient(ellipse at 25% 0%,#ffcd83,transparent 70%),linear-gradient(120deg,var(--accent),#e9a54d);display:grid;place-items:center}.random-art .big-question{font-size:100px;color:white;font-weight:900;line-height:1;transform:rotate(-10deg);text-shadow:4px 7px 0 #0001}.board-image.random-art h2{font-size:15px}.board-card.random .board-image{height:125px}.random-inline{font-size:8px;color:var(--muted);margin-top:10px;text-align:center}.score-footer{margin:22px 0 25px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.score-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:white;border-radius:16px;padding:17px 20px}.score-identity{min-width:105px}.score-identity h3{font-size:13px;margin-bottom:8px}.score-identity strong{font-size:32px;letter-spacing:-1px;color:var(--accent);font-weight:800}.score-panel.second .score-identity strong{color:var(--blue)}.score-panel.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--tint)}.score-panel.second.active{border-color:var(--blue);box-shadow:0 0 0 2px #edf3fb}.aid-group{display:flex;gap:13px}.aid-item{display:flex;align-items:center;flex-direction:column;gap:8px;padding:0;font-size:8px;white-space:nowrap}.aid-circle{border:1px solid #dedbd8;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:16px;background:#fff}.aid-item.used{opacity:.3;text-decoration:line-through}.aid-item.active .aid-circle{background:var(--accent);color:white;border-color:var(--accent)}.score-middle{text-align:center;font-size:10px;color:var(--muted)}.score-middle strong{display:block;color:var(--ink);font-size:14px;margin-bottom:10px}.question-layout{display:grid;grid-template-columns:1fr 225px;direction:ltr;gap:22px;min-height:560px}.question-main{direction:rtl;border:1px solid var(--line);border-radius:22px;background:white;padding:26px 40px;position:relative;display:flex;flex-direction:column;min-height:550px}.question-sidebar{direction:rtl;display:flex;flex-direction:column;gap:16px}.question-sidebar .score-panel{flex-direction:column;gap:18px;padding:22px 12px}.question-sidebar .score-identity{text-align:center}.question-sidebar .aid-group{gap:10px}.question-sidebar .aid-item{font-size:7px}.question-sidebar .aid-circle{width:30px;height:30px}.question-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.question-category{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.question-category strong{color:var(--accent)}.timer-wrap{display:flex;align-items:center;gap:12px}.timer{font-size:22px;font-weight:700;letter-spacing:1px;background:var(--soft);border-radius:10px;padding:10px 18px;font-variant-numeric:tabular-nums;direction:ltr;min-width:108px;text-align:center}.timer.urgent{background:#fff0ee;color:#d94838;animation:pulse 1s infinite}.timer.second-phase{background:#edf3fb;color:var(--blue)}.timer-track{height:4px;background:#f0eeeb;border-radius:6px;overflow:hidden;margin-top:20px;direction:ltr}.timer-progress{height:100%;background:var(--accent);transition:width .4s linear}.question-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 10px;gap:24px}.question-kicker{font-size:10px;color:var(--muted)}.question-text{font-size:clamp(22px,2.8vw,37px);line-height:1.9;max-width:850px}.question-context{font-size:11px;line-height:2;color:var(--muted)}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px}.question-actions .btn{min-width:180px}.phase-label{font-size:11px;color:var(--muted);line-height:2}.transfer-note{padding:12px;background:#edf3fb;border-radius:11px;text-align:center;font-size:10px;line-height:2;color:var(--blue)}.hint-box{border:1px dashed var(--accent);background:var(--tint);padding:15px 24px;border-radius:13px;font-size:12px;line-height:2.2;max-width:650px}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:680px}.choice{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff;font-size:13px;text-align:right;line-height:1.7;display:flex;gap:15px;align-items:center}.choice span{background:var(--soft);border-radius:6px;padding:4px 7px;font-size:10px}.choice.selected{border-color:var(--accent);background:var(--tint)}.choice.correct{border-color:#57a67d;background:#eff9f2}.answer-box{background:#f0f8f2;border:1px solid #dcebdd;padding:20px 35px;border-radius:16px;max-width:750px;width:100%}.answer-box small{font-size:10px;color:#62916b}.answer-box h2{font-size:29px;line-height:1.9;margin-top:5px}.answer-box p{font-size:11px;color:#6d7d6f;line-height:2;margin-top:12px}.award-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;max-width:750px}.award{border:1px solid var(--line);border-radius:14px;padding:19px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;background:white}.award strong{font-size:22px;color:var(--accent)}.award small{font-size:9px;color:var(--muted)}.award.selected{border:2px solid var(--accent);background:var(--tint);padding:18px 11px}.award.second strong{color:var(--blue)}.award.second.selected{border-color:var(--blue);background:#edf3fb}.report-link{font-size:9px;color:#999;text-decoration:underline}.source-link{font-size:9px;color:var(--muted);border-bottom:1px dotted #bbb}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.history-card{background:white;border:1px solid var(--line);border-radius:18px;padding:23px}.history-card h3{font-size:15px;margin-bottom:13px}.history-card p{font-size:10px;color:var(--muted);line-height:2}.history-score{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px}.history-score strong{font-size:25px;color:var(--accent)}.empty{padding:80px 20px;text-align:center}.empty .empty-icon{font-size:50px;color:var(--accent);margin-bottom:20px}.empty h2{margin-bottom:15px}.empty p{font-size:12px;color:var(--muted);line-height:2;margin-bottom:25px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.stat{padding:23px;border:1px solid var(--line);border-radius:16px;background:white}.stat strong{display:block;font-size:28px;color:var(--accent);margin-bottom:12px}.stat small{font-size:10px;color:var(--muted)}.rules-content{max-width:850px;margin:25px auto}.rule-section{padding:25px 0;border-bottom:1px solid var(--line)}.rule-section h2{font-size:20px;margin-bottom:15px}.rule-section p,.rule-section li{font-size:12px;line-height:2.4;color:#6c6d76}.rule-section ul{padding-right:20px}.rule-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.rule-table td,.rule-table th{padding:16px;border-bottom:1px solid var(--line);text-align:right}.rule-table th{background:var(--tint);color:var(--accent-dark)}.bank-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white;margin-top:25px}.bank-table{width:100%;border-collapse:collapse;min-width:650px;font-size:11px}.bank-table th,.bank-table td{text-align:right;padding:16px;border-bottom:1px solid var(--line)}.bank-table th{color:var(--muted);background:#faf9f7;font-weight:500}.review-pill{font-size:8px;color:#a67a3b;background:#fff4e2;padding:6px 9px;border-radius:20px}.result-hero{padding:45px 20px;text-align:center}.result-trophy{width:95px;height:95px;background:var(--tint);border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;color:var(--accent);font-size:48px}.result-hero h1{font-size:38px;line-height:1.7}.result-hero p{font-size:12px;color:var(--muted);line-height:2;margin-top:12px}.result-scores{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:680px;margin:30px auto}.result-team{border:1px solid var(--line);border-radius:20px;background:white;padding:27px}.result-team h3{font-size:16px}.result-team strong{display:block;font-size:43px;color:var(--accent);margin:20px 0 10px}.result-team small{font-size:10px;color:var(--muted)}.result-team.winner{border-color:var(--accent);background:var(--tint)}.result-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.round-log{margin:35px auto;max-width:850px}.round-log summary{cursor:pointer;font-size:13px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}.log-line{font-size:10px;line-height:2.1;display:flex;justify-content:space-between;gap:15px;padding:13px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#252c36;color:white;font-size:11px;line-height:2;padding:14px 25px;border-radius:12px;box-shadow:0 7px 25px #0002;max-width:90vw;opacity:0;pointer-events:none;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#20242c66;backdrop-filter:blur(4px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:white;border-radius:22px;padding:30px;width:min(560px,100%);max-height:85vh;overflow:auto;box-shadow:0 20px 80px #0002;position:relative}.modal h2{font-size:22px;margin-bottom:17px;line-height:1.8}.modal p{font-size:12px;color:var(--muted);line-height:2.2;margin-bottom:20px}.modal-close{position:absolute;left:18px;top:16px;font-size:20px;color:#888}.modal-actions{display:flex;gap:12px;justify-content:end;margin-top:24px}.pause-overlay{position:absolute;inset:0;border-radius:22px;background:#fffffff5;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;z-index:4}.pause-overlay h2{font-size:25px}.loading{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font-size:14px}.spinner{width:33px;height:33px;border:3px solid var(--tint);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.keyboard-hint{font-size:8px;color:var(--muted)}.error-banner{font-size:12px;line-height:2;border:1px solid #e8c6bd;background:#fff0ed;color:#b4472c;padding:15px;border-radius:12px;margin:20px 0}.mobile-turn{display:none}.theme-row{display:flex;gap:12px;margin:20px 0}.theme-option{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;font-size:12px;flex:1;justify-content:center}.theme-option.selected{border-color:var(--accent);background:var(--tint)}.switch-line{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.switch{width:43px;height:25px;border-radius:20px;background:#dedede;padding:3px;display:flex;align-items:center}.switch:after{content:'';width:19px;height:19px;background:white;border-radius:50%;box-shadow:0 1px 4px #0002;transition:.2s}.switch.on{background:var(--accent);justify-content:end}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.wordmark-big{font-size:54px;font-weight:900;color:var(--accent);letter-spacing:-4px}.bank-sample{padding:20px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.bank-sample p{font-size:13px;line-height:2;margin:8px 0}.bank-sample small{font-size:10px;color:var(--muted)}.bank-sample strong{font-size:12px;color:#4f9165}.subtle-link{color:var(--accent);font-size:10px;text-decoration:underline}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag{font-size:8px;background:var(--soft);padding:5px 8px;border-radius:6px}.selected-summary{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.selected-summary span{font-size:9px;background:var(--soft);border-radius:6px;padding:7px 10px}.preview-badge{font-size:8px;background:#f1efec;color:#888;padding:5px 8px;border-radius:5px;white-space:nowrap}.hide{display:none!important}.empty-search{grid-column:1/-1;text-align:center;padding:50px;font-size:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.6}}@media(min-width:1100px){.board-card:nth-child(5){grid-column:auto}.board{grid-template-columns:repeat(12,1fr)}.board-card{grid-column:span 3}.board-card:nth-child(n+5){grid-column:span 4}.board-card:nth-child(n+5) .board-image{height:113px}}@media(min-width:1450px){.board-image{height:160px}.board-card:nth-child(n+5) .board-image{height:145px}.point{height:43px}.game-top{min-height:90px}.score-footer{margin-top:25px}}@media(max-width:1050px){.shell{padding:0 25px}.hero{gap:30px}.hero-copy h1{font-size:43px}.hero-art{height:390px}.category-grid{grid-template-columns:repeat(4,1fr)}.board{gap:12px}.board-image{height:100px}.board-content{padding:10px}.board-image h2{font-size:13px}.point{font-size:14px;height:34px}.score-panel{padding:15px 12px;gap:12px}.aid-group{gap:8px}.aid-item{font-size:7px}.score-identity{min-width:80px}.score-identity strong{font-size:27px}.question-layout{grid-template-columns:1fr 190px}.question-main{padding:22px}.question-sidebar .aid-group{flex-wrap:wrap;justify-content:center;gap:12px}.question-sidebar .aid-item{width:55px}.question-text{font-size:26px}}@media(max-width:760px){.shell{padding:0 20px}.nav{height:80px;gap:10px}.brand-name{font-size:17px}.brand-mark{width:32px;height:36px;font-size:27px}.nav-links{display:none}.nav-actions{gap:5px}.nav-actions .btn{padding:10px 12px;font-size:10px;min-height:38px}.preview-badge{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:35px 0 40px;min-height:0}.hero-copy h1{font-size:44px;line-height:1.6}.hero-copy p{font-size:12px}.hero-actions{margin:24px 0 18px}.hero-art{height:350px;max-width:500px;width:100%;margin:auto}.photo-football{height:225px}.photo-kuwait{height:195px}.photo-food{height:150px}.floating-badge{padding:10px 12px;font-size:8px}.floating-badge strong{font-size:11px}.section{padding:30px 0}.section-head{align-items:start}.section-head h2{font-size:22px}.section-head p{font-size:10px}.category-preview{grid-template-columns:repeat(3,1fr);gap:10px}.preview-card{height:160px}.preview-card:nth-child(n+4){display:none}.preview-caption{right:12px;bottom:12px}.preview-caption h3{font-size:11px}.play-icon{display:none}.steps{grid-template-columns:1fr;gap:22px}.site-footer{flex-wrap:wrap;font-size:8px;gap:20px}.footer-links{gap:12px}.page{padding:30px 0}.page-title{font-size:28px}.auth-layout{grid-template-columns:1fr;margin:25px auto;min-height:0}.auth-art{display:none}.auth-form{padding:28px 24px}.team-setup{grid-template-columns:1fr;gap:18px}.setup-steps{display:none}.rules-mini div{padding:18px 10px}.rules-mini strong{font-size:21px}.rules-mini small{font-size:8px}.form-grid{grid-template-columns:1fr}.controls-row{flex-wrap:wrap}.search{max-width:100%;width:100%}.category-grid{grid-template-columns:repeat(3,1fr);gap:11px}.cat-image{height:105px}.cat-bottom{padding:11px}.cat-bottom h3{font-size:10px;line-height:1.7}.cat-bottom small{font-size:7px}.cat-owner{font-size:6px;right:6px}.selection-role{padding:13px;font-size:10px}.sticky-selection{padding:12px;bottom:10px}.sticky-selection strong{font-size:11px}.sticky-selection small{font-size:8px}.sticky-selection .btn{font-size:10px;padding:12px 16px}.random-preview{padding:16px;gap:15px}.random-preview h3{font-size:12px}.random-preview p{font-size:9px}.random-preview .question-mark{font-size:36px}.game-shell{padding:0 12px}.game-top{min-height:75px;gap:10px;flex-wrap:wrap;padding:15px 0;margin-bottom:15px}.game-top .brand-name{font-size:14px}.game-top .brand-mark{width:27px;height:30px;font-size:23px}.game-top .turn-badge{font-size:9px;padding:9px 13px}.game-meta{font-size:8px;gap:6px}.game-tools .icon-btn{width:29px;height:29px;font-size:13px}.board{grid-template-columns:repeat(2,1fr);gap:12px}.board-card.random{grid-column:1/-1;max-width:none}.board-card.random .board-image{height:100px}.board-image{height:110px}.board-image h2{font-size:13px}.board-card.random .board-content{max-width:500px;margin:auto}.point{height:36px;font-size:16px}.score-footer{grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:8px;z-index:4;margin-bottom:15px}.score-middle{display:none}.score-panel{padding:12px;flex-direction:column;gap:10px;border-radius:13px;box-shadow:0 3px 12px #0001}.score-identity{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-width:0}.score-identity h3{font-size:10px;margin:0}.score-identity strong{font-size:24px}.aid-group{gap:10px}.aid-circle{width:27px;height:27px;font-size:13px}.aid-item{font-size:6px;gap:5px}.question-layout{grid-template-columns:1fr;gap:15px;min-height:0}.question-sidebar{grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-sidebar .score-panel{padding:12px;gap:10px}.question-sidebar .aid-group{flex-wrap:nowrap;gap:9px}.question-sidebar .aid-item{width:auto;font-size:6px}.question-sidebar .aid-circle{width:24px;height:24px;font-size:12px}.question-sidebar .score-identity{text-align:right}.question-main{min-height:480px;padding:20px 17px}.question-top{gap:10px}.question-category{font-size:9px;flex-wrap:wrap;gap:5px}.timer{font-size:18px;padding:9px 13px;min-width:88px}.timer-wrap{gap:5px}.question-text{font-size:24px}.question-body{padding:25px 0;gap:20px}.question-actions{gap:10px;flex-wrap:wrap}.question-actions .btn{min-width:130px;font-size:11px}.phase-label{font-size:9px}.question-context{font-size:10px}.transfer-note{grid-column:1/-1;font-size:9px}.choices-grid{gap:8px}.choice{font-size:11px;padding:12px}.choice span{font-size:8px}.hint-box{padding:13px 17px;font-size:11px}.award-grid{gap:8px}.award{font-size:10px;padding:16px 8px}.award strong{font-size:17px}.award small{font-size:7px}.award.selected{padding:15px 7px}.answer-box{padding:18px}.answer-box h2{font-size:24px}.answer-box p{font-size:10px}.history-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:19px}.stat strong{font-size:25px}.account-layout{grid-template-columns:1fr}.result-hero h1{font-size:28px}.result-team{padding:22px 12px}.result-team h3{font-size:12px}.result-team strong{font-size:34px}.rule-table{font-size:10px}.rule-table td,.rule-table th{padding:13px 10px}.modal{padding:26px 22px}.modal h2{font-size:20px}.theme-option{font-size:10px;padding:12px 8px}.result-scores{gap:15px}.keyboard-hint{display:none}}@media(max-width:390px){.hero-copy h1{font-size:37px}.category-grid{grid-template-columns:repeat(2,1fr)}.nav-actions .text-btn{display:none}.hero-art{height:320px}.hero-actions .btn{padding:13px 16px}.aid-group{gap:7px}}
.question-poster{margin:0;max-width:100%;display:flex;align-items:center;justify-content:center;min-height:100px}.question-poster img{height:265px;max-width:100%;width:auto;object-fit:contain;border-radius:10px;box-shadow:0 8px 22px #0002}.focus-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px;width:min(440px,100%);padding:13px;border:1px solid var(--line);border-radius:14px;background:#faf9f7;font-family:Arial,Tahoma,sans-serif;user-select:none}.focus-grid span{min-height:36px;display:flex;justify-content:center;align-items:center;background:white;border:1px solid #e9e5df;border-radius:7px;font-size:21px;font-weight:600;color:#282e39}.party-progress{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);background:white;border-radius:18px;padding:24px;margin-top:25px}.party-progress strong{font-size:15px}.party-progress p{margin-top:10px;max-width:570px}.party-dots{display:flex;gap:8px;direction:rtl}.party-dots span{width:33px;height:33px;border:1px solid var(--line);color:var(--muted);background:#f9f8f6;border-radius:50%;display:grid;place-items:center;font-size:11px}.party-dots span.done{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:760px){.question-poster img{height:235px}.focus-grid{gap:4px;padding:9px}.focus-grid span{font-size:18px;min-height:31px}.party-progress{flex-direction:column;align-items:start;padding:20px}.party-progress .eyebrow{font-size:9px}.party-progress strong{font-size:13px}.party-dots{align-self:center}}
.cat-image img.crest,.board-image img.crest{object-fit:contain;padding:16px;background:#f2f1ee}.board-image:has(img.crest):after{background:linear-gradient(transparent,#1b2635a8)}

.category-section{margin:28px 0 38px}.category-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.category-section-heading h2{font-size:21px;margin:0}.category-section-heading span{font-size:10px;color:var(--muted);background:var(--soft);padding:6px 10px;border-radius:20px}.aid-group{flex-wrap:wrap;justify-content:center}.question-sidebar .aid-group{flex-wrap:wrap}@media(max-width:760px){.category-section-heading h2{font-size:18px}.aid-group{gap:7px}.question-sidebar .aid-group{flex-wrap:wrap;gap:7px}.aid-item{min-width:28px}}

.question-report-row{display:flex;justify-content:flex-end;margin:12px 0 -8px}.report-trigger{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:8px 12px;border-radius:9px;background:var(--soft);color:#6a6460;border:1px solid var(--line)}.report-trigger:hover{background:var(--tint);color:var(--accent-dark);border-color:var(--accent)}.report-question{padding:15px;border:1px solid var(--line);background:var(--bg);border-radius:12px;margin:14px 0 20px}.report-question small{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.report-question p{font-size:13px;line-height:2;margin-top:8px}.modal:has(#report-form),.modal:has(#review-report-form){max-width:650px}.modal textarea{font:inherit;font-size:12px;resize:vertical;line-height:1.9}.report-category{max-width:200px;font-size:11px}.report-count{margin-bottom:12px}.report-table td:first-child{min-width:250px;max-width:450px}.report-table td{vertical-align:top}.report-table small{font-size:9px;color:var(--muted)}.report-table p{font-size:11px;line-height:1.9;margin-top:7px}.report-status{padding:6px 10px;display:inline-flex;border-radius:20px;font-size:9px;white-space:nowrap;background:var(--soft);color:#6b6770}.report-status.new{background:#fff0df;color:#a66b20}.report-status.reviewing{background:#eaf2ff;color:#376da9}.report-status.confirmed{background:#fff0ed;color:#b7503e}.report-status.closed{background:#eaf5ed;color:#548361}.report-answer{padding:14px;background:#eef6ef;border-radius:10px;margin-bottom:18px;font-size:12px;line-height:2}.report-answer p{font-size:11px;line-height:2}.report-details{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:12px;line-height:1.9;margin:20px 0}.report-details dt{color:var(--muted)}.report-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.report-details+.question-poster{margin:15px 0}.report-table .btn{white-space:nowrap}@media(max-width:760px){.question-report-row{margin-top:10px}.report-trigger{font-size:9px}.report-category{max-width:100%;width:100%}.report-details{grid-template-columns:1fr;gap:5px}.report-details dd{margin-bottom:10px}.report-question p{font-size:12px}.report-question small{font-size:8px}.reports-heading{align-items:start;gap:15px}.footer-links{flex-wrap:wrap}}

.review-question-text{font-size:clamp(1.3rem,3vw,2rem);line-height:1.7;margin:18px 0}.modal .question-poster img{max-height:40vh;width:100%;object-fit:contain}

.question-category{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.question-category-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--category-bg);color:var(--category-ink);border:1px solid color-mix(in srgb,var(--category-ink) 20%,transparent);padding:11px 18px;border-radius:12px;font-size:clamp(14px,1.4vw,19px);font-weight:700;line-height:1.6}.random-origin-badge{background:#f0eaff;color:#5e3987;padding:7px 11px;border-radius:9px;font-size:12px;font-weight:600}.question-category .question-value-badge{font-size:14px;white-space:nowrap}.question-top{align-items:center}.question-actions>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(max-width:640px){.question-category-badge{font-size:13px;padding:8px 11px}.question-category .question-value-badge{font-size:11px}.random-origin-badge{font-size:10px}.question-top{align-items:flex-start}}
/* Playtest readability and persistent category selection, October 2026. */
.category-selection-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}.category-browser{min-width:0}.selected-sidebar{position:sticky;top:20px;background:#fff;border:1px solid #e7e3df;border-radius:22px;padding:20px;max-height:calc(100dvh - 150px);overflow:auto}.selected-sidebar h2{font-size:22px;margin:0 0 20px}.selected-sidebar h2 span{font-size:17px;color:var(--accent)}.picked-team{background:#fff2e9;border-radius:14px;padding:12px;margin:12px 0}.picked-team.second{background:#edf4ff}.picked-team h3{font-size:18px;margin:0 0 10px}.picked-team h3 small{font-size:16px;float:left}.picked-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:9px 0;font-size:17px;border-top:1px solid #0001}.picked-row button{flex-shrink:0;width:36px;height:36px;border:1px solid #0002;border-radius:50%;background:white;font-size:25px;cursor:pointer}.picked-team p,.selection-note{font-size:15px;line-height:1.8;color:#62626e}.category-browser .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-bottom small{font-size:15px}.cat-bottom h3{font-size:21px}.question-sidebar .help-btn span,.question-sidebar .help-btn small,.help-label{font-size:15px!important}.question-sidebar button{min-height:44px}.question-kicker{font-size:22px!important;color:#653196!important;background:#f2eaff;border:1px solid #d5c2ef;display:inline-block;padding:10px 18px;border-radius:12px;line-height:1.7}.question-context,.phase-label,.transfer-note{font-size:18px!important;line-height:1.8}.keyboard-hint{font-size:15px!important}.random-origin-badge{font-size:21px!important;background:#ede2ff;color:#63349b;padding:10px 16px}.question-report-row button{font-size:17px}.question-text{line-height:1.65}.question-image-button{border:0;background:transparent;cursor:zoom-in;display:block;margin:auto;max-width:100%;padding:0}.media-surface{position:relative;display:inline-block;max-width:100%;overflow:hidden;line-height:0;border-radius:14px}.media-surface img{display:block;max-width:100%;height:auto;margin:0!important;border-radius:0!important}.question-poster .media-surface{max-width:420px}.poster-text-mask,.poster-top-cover,.poster-bottom-cover{position:absolute;background:#151b27;pointer-events:none}.poster-top-cover{inset:0 0 auto;height:18%}.poster-bottom-cover{inset:auto 0 0;height:31%}.image-enlarge-label{display:block;background:#f0ebff;color:#513b84;padding:12px;font-size:17px;line-height:1.5;border-radius:10px;margin-top:8px}.image-zoom-modal{width:min(1100px,95vw)!important;max-width:95vw!important}.image-zoom-controls{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.image-zoom-scroll{max-height:70dvh;overflow:auto;direction:ltr;background:#f3f2f0;border-radius:12px}.image-zoom-stage{width:100%;text-align:center}.image-zoom-stage .media-surface{width:min(100%,650px)}.image-zoom-stage img{width:100%;max-height:none!important;object-fit:contain}.word-quartet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px auto;max-width:900px;width:100%}.word-clue{background:#f2eaff;border:1px solid #d2c2ef;border-radius:16px;padding:18px}.word-clue strong{font-size:22px;color:#62368f}.word-letters{display:flex;justify-content:center;gap:8px;margin-top:12px}.word-letters span{display:flex;align-items:center;justify-content:center;min-width:42px;height:55px;background:white;border-radius:8px;font-size:30px;border-bottom:3px solid #8c66b3}.word-help{font-size:18px;color:#555}.answer-box h2{unicode-bidi:plaintext}.question-sidebar .help-tools button span{font-size:15px}
@media(max-width:1100px){.category-selection-layout{grid-template-columns:230px minmax(0,1fr)}.category-browser .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.category-selection-layout{display:flex;flex-direction:column}.selected-sidebar{top:0;z-index:15;width:100%;max-height:35dvh;box-shadow:0 6px 20px #0001}.selected-sidebar h2{margin-bottom:8px}.picked-team{display:inline-block;width:calc(50% - 5px);vertical-align:top;margin:0}.picked-row{font-size:14px}.picked-team h3{font-size:15px}.selection-note{display:none}.category-browser{width:100%}.category-browser .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-kicker{font-size:18px!important}.word-quartet{grid-template-columns:1fr}.word-letters span{min-width:35px}.random-origin-badge{font-size:18px!important}.cat-bottom h3{font-size:18px}}
\n.question-sidebar .aid-item{font-size:15px;line-height:1.6;gap:9px}.question-sidebar .aid-group{gap:12px}.image-zoom-stage .media-surface{width:100%;max-width:650px}.image-zoom-stage[style] .media-surface{max-width:none}\n/* Senior-club career route and universal question media. */
.career-instructions{font-size:18px;line-height:1.9;margin:12px auto 22px;max-width:950px;color:#555}.career-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:1000px;direction:rtl;margin:auto}.career-club{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #ddd2ed;background:#faf7ff;border-radius:18px;padding:20px 10px;min-width:0}.career-step{position:absolute;right:10px;top:9px;background:#713ca3;color:white;border-radius:50%;width:28px;height:28px;font-size:15px;display:grid;place-items:center}.club-badge-button{border:0;background:white;border-radius:12px;padding:9px;cursor:zoom-in}.club-badge-button img{display:block;width:74px;height:74px;object-fit:contain}.career-club strong{font-size:18px;line-height:1.7;text-align:center}.career-years{font-size:16px;color:#555}.career-note{font-size:15px;color:#245b89;background:#e7f3ff;border-radius:8px;padding:6px 10px;text-align:center}.career-note.loan{color:#84400d;background:#fff0d9}.career-retired{font-size:22px!important;color:#60318c!important;margin:24px!important}.career-enlarge{margin:0 auto 20px}.question-poster{flex-direction:column}.image-role-label{font-size:15px;line-height:1.7;color:#6b6074;display:block;margin-top:8px}.question-image-button .media-surface{max-width:520px}.question-image-button .media-surface img{max-height:340px;object-fit:contain}.answer-box h2{white-space:pre-line}.image-zoom-scroll .media-surface{min-width:100%}.image-zoom-scroll img{max-width:100%;height:auto}
@media(max-width:800px){.career-route{grid-template-columns:repeat(3,minmax(0,1fr))}.career-club strong{font-size:16px}.career-instructions{font-size:16px}.club-badge-button img{width:64px;height:64px}}
@media(max-width:480px){.career-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.career-club{padding:18px 8px}.career-club strong{font-size:17px}.question-image-button .media-surface img{max-height:280px}}

/* Empty team names show guidance until the player focuses the field. */
input[name="team0"]:focus::placeholder,input[name="team1"]:focus::placeholder{color:transparent}

.aid-picker{border:0;padding:12px 0;margin:12px 0}.aid-picker legend{font-size:18px;font-weight:800}.aid-picker legend strong{color:var(--accent);margin-inline-start:12px}.choice-feedback{padding:18px;border-radius:16px;text-align:right;font-size:18px;margin-bottom:20px}.choice-feedback.correct{background:#e6f4ed;color:#185839}.choice-feedback.incorrect{background:#ffe9ee;color:#942b4c}.choice-feedback p{margin:6px 0}.replay-button{margin-top:10px}.replay-entry{padding-top:15px;margin-top:15px;border-top:1px solid var(--line,#ddd);font-size:15px}.replay-entry span{display:block}.aid-group{grid-template-columns:repeat(4,minmax(0,1fr))}.question-image-button .media-surface{display:block;min-height:140px}.question-image-button img{opacity:1;visibility:visible}

/* SVG illustrations have a viewBox but no intrinsic width: reserve a visible image box on first render. */
.question-poster{width:100%}.question-image-button{width:min(100%,520px)}.question-image-button .media-surface{width:100%}.question-image-button .media-surface img{width:100%;height:auto;max-height:none}.question-image-button .poster-concealed{width:auto}.question-image-button .poster-concealed img{width:auto;height:320px;max-width:100%;object-fit:contain}.image-zoom-stage .poster-concealed img{width:100%;height:auto}

/* Compact aid selection: emblem, name, and an actual keyboard-accessible checkbox. */
.team-form-card{overflow:visible;--aid-select:var(--accent);--aid-selected-bg:var(--tint)}
.team-form-card.second{--aid-select:var(--blue);--aid-selected-bg:#edf3fb}
.team-form-card:before{right:20px;left:20px;border-radius:0 0 6px 6px}
.team-form-card:has(.aid-tile:hover),.team-form-card:focus-within{z-index:3}
.aid-picker{min-width:0;padding:20px 0 0;margin:0;border:0;width:100%}
.aid-picker legend{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:16px;font-weight:700;padding:0}
.aid-picker legend strong{display:inline-flex;align-items:center;justify-content:center;min-width:56px;border-radius:20px;background:var(--aid-selected-bg);color:var(--aid-select);padding:6px 11px;font-size:14px;margin:0;white-space:nowrap}
.aid-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}
.aid-tile{--aid-ink:#7756b8;--aid-soft:#f2edfc;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:139px;padding:14px 6px 11px;border:1px solid #eae7e3;border-radius:17px;background:#fff;cursor:pointer;text-align:center;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.aid-tile[data-aid="trap"]{--aid-ink:#8350c2;--aid-soft:#f4edfd}
.aid-tile[data-aid="pass"]{--aid-ink:#218a7d;--aid-soft:#eaf7f3}
.aid-tile[data-aid="swap"]{--aid-ink:#dc773d;--aid-soft:#fff0e6}
.aid-tile[data-aid="double"]{--aid-ink:#5c64bb;--aid-soft:#eff0fc}
.aid-tile[data-aid="choices"]{--aid-ink:#3888af;--aid-soft:#ebf5fa}
.aid-tile[data-aid="power"]{--aid-ink:#bd557c;--aid-soft:#fcedf3}
.aid-tile[data-aid="hint"]{--aid-ink:#ab812b;--aid-soft:#fbf5e4}
.aid-tile:hover{border-color:#cdc6bc;box-shadow:0 6px 18px #252a3810;transform:translateY(-2px);z-index:5}
.aid-tile:has(input:checked){border-color:var(--aid-select);background:color-mix(in srgb,var(--aid-selected-bg) 48%,white);box-shadow:0 0 0 1px var(--aid-select)}
.aid-tile:focus-within{outline:3px solid color-mix(in srgb,var(--aid-select) 32%,transparent);outline-offset:3px;z-index:6}
.aid-tile-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:var(--aid-soft);color:var(--aid-ink);box-shadow:inset 0 -2px 0 #00000004}
.aid-tile-icon svg{width:26px;height:26px;stroke-width:1.8}
.aid-tile-name{display:block;color:var(--ink);font-size:13px;font-weight:700;line-height:1.5;min-height:20px}
.aid-tile input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;margin:0;border:1.5px solid #d6d3cf;border-radius:7px;background:#faf9f7;cursor:pointer;outline:none;transition:background .18s,border-color .18s}
.aid-tile input:checked{background:var(--aid-select);border-color:var(--aid-select)}
.aid-tile input:checked:before{content:'';width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
@media(max-width:540px){.aid-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.aid-tile{min-height:131px;padding:12px 5px 10px}.aid-tile-icon{width:42px;height:42px;border-radius:13px}.aid-tile-icon svg{width:24px;height:24px}.aid-tile-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.aid-tile:hover{transform:none}}

.aid-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Category discovery: search first, compact recent picks and clear group filters. */
.category-discovery{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:22px 0 30px;display:grid;gap:16px}
.category-discovery>label{font-size:22px;font-weight:800}.category-discovery .search{max-width:none;width:100%;font-size:19px;min-height:54px}.category-discovery .filter-tabs{display:flex;flex-wrap:wrap;gap:9px}.category-discovery .filter{font-size:16px;min-height:44px;padding:9px 16px}.category-section-heading span{font-size:16px}.recent-categories{border-radius:20px;background:var(--tint);padding:20px;margin-bottom:32px}.recent-category-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recent-category{display:flex;align-items:center;gap:10px;text-align:right;border:1px solid var(--line);background:white;border-radius:12px;padding:8px;min-width:0;font-size:16px;font-weight:700}.recent-category img{width:44px;height:44px;object-fit:cover;border-radius:8px}.recent-category span{flex:1}.recent-category strong{font-size:22px;color:var(--accent)}.recent-category.picked{outline:2px solid var(--accent)}.question-audio{width:min(100%,640px);margin:12px auto 24px;padding:24px;border:1px solid #d5c2ef;border-radius:20px;background:#f6f0ff;text-align:center}.audio-heading{display:flex;align-items:center;justify-content:center;gap:12px;color:#653196;font-size:24px;margin-bottom:18px}.audio-heading>span{font-size:36px}.question-audio audio{width:100%;display:block;direction:ltr}.question-audio p{font-size:17px;line-height:1.7;margin:14px 0 0;color:#5d536b}.question-audio .audio-error{color:#9b2727}
@media(max-width:760px){.category-discovery{padding:15px}.category-discovery .filter{font-size:15px}.recent-category-row{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-categories{padding:14px}.recent-category{font-size:15px}.audio-heading{font-size:20px}.question-audio{padding:17px}}

.payment-orders{margin-top:25px}.payment-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line);font-size:17px}.payment-order p{font-size:16px;line-height:1.8}.payment-order>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.billing-error{color:#9b2727;font-size:17px;line-height:1.8}@media(max-width:760px){.payment-order{align-items:start;flex-direction:column}}

/* v21: consistent responsive pages, complete images and themed discovery. */
:root{--muted:#686b76}
html{scroll-padding-top:24px}html:has(.modal-backdrop){overflow:hidden}
.shell{width:100%;padding-inline:clamp(16px,3vw,40px)}
.page{padding-block:clamp(28px,4vw,52px)}
.page-title{font-size:clamp(28px,3.6vw,40px);line-height:1.7}
.page-subtitle,.hero-copy p{font-size:17px;line-height:2}
.btn{font-size:16px}.btn.sm{font-size:14px}.input{font-size:17px}
.form-field label,.setup-steps,.nav-links{font-size:15px}
.tiny,.notice,.back-link,.text-btn{font-size:14px;line-height:1.9}
.section-head p,.step p,.hero-note,.site-footer{font-size:14px}
.section-head h2{font-size:30px}.step h3{font-size:19px}
.preview-caption h3{font-size:21px}.preview-caption small{font-size:13px}
.tone-mint{--section-tint:#e9f5ee;--section-ink:#235e44}
.tone-blue{--section-tint:#eaf1ff;--section-ink:#31568b}
.tone-rose{--section-tint:#fff0f2;--section-ink:#903f55}
.tone-violet{--section-tint:#f2edfc;--section-ink:#654594}
.tone-amber{--section-tint:#fff2e0;--section-ink:#8a5922}
.category-browser,.question-main,.question-sidebar,.team-form-card{min-width:0}
.category-section-heading{padding:14px 18px;background:var(--section-tint,#f4f1ed);border-radius:14px;border-inline-start:4px solid var(--section-ink,var(--accent));gap:12px}
.category-section-heading h2{color:var(--section-ink,var(--ink));font-size:23px;line-height:1.7}
.category-section-heading span{font-size:14px;color:var(--section-ink,var(--muted))}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cat-card{display:flex;flex-direction:column;height:100%;border-radius:19px}
.cat-image{width:100%;height:auto;aspect-ratio:16/10;background:var(--section-tint,#f1efeb)}
.cat-image img{object-fit:cover}
.cat-image img.crest,.cat-image img[src$='.svg']{object-fit:contain;padding:14px;background:var(--section-tint,#f1efeb)}
.cat-bottom{padding:18px;width:100%;display:flex;flex:1;flex-direction:column;gap:9px}
.cat-bottom h3{font-size:20px;line-height:1.65;margin:0;overflow-wrap:anywhere}
.cat-description{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 3px}
.cat-bottom small{font-size:13px;line-height:1.8;margin-top:auto;color:var(--section-ink,#555)}
.cat-check{height:32px;width:32px;font-size:20px}
.cat-owner{font-size:13px;max-width:calc(100% - 20px);overflow-wrap:anywhere}
.picked-row{gap:10px;align-items:center}.picked-row span{font-size:16px;line-height:1.8}
.picked-row button{min-width:40px;min-height:40px;font-size:25px}
.selection-role{min-width:0;gap:10px;flex-wrap:wrap;font-size:16px}
.sticky-selection{gap:18px;bottom:max(12px,env(safe-area-inset-bottom))}
.sticky-selection strong{font-size:18px;line-height:1.8}.sticky-selection small{font-size:14px}
.sticky-selection .btn{font-size:16px;padding:14px 22px}
.game-shell{max-width:1600px;padding-inline:clamp(12px,2.5vw,32px)}
.question-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
.question-main{padding:clamp(18px,2.4vw,36px);min-height:640px}
.question-body{padding:24px 0;gap:22px;justify-content:flex-start}
.question-text{font-size:clamp(25px,2.6vw,38px);line-height:1.85;width:100%;max-width:1000px;overflow-wrap:anywhere}
.question-kicker{font-size:15px;line-height:1.9}
.question-poster{width:100%;margin:0;gap:9px;min-height:0}
.question-image-button{display:flex;justify-content:center;align-items:center;width:100%;max-width:900px;padding:12px;background:#f6f5f2;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}
.question-image-button:focus-visible{outline-offset:3px}
.question-image-button .media-surface{display:block;flex:0 1 auto;width:fit-content;max-width:100%;min-height:0;line-height:0;border-radius:10px}
.question-image-button .media-surface img,.question-image-button .poster-concealed img{display:block;width:auto;height:auto;max-width:100%;max-height:min(50dvh,480px);object-fit:contain;box-shadow:none}
.media-context .question-image-button{max-width:620px}
.media-context .question-image-button img{max-height:260px}
.media-detail .question-image-button{max-width:760px}
.media-detail .question-image-button img{max-height:380px}
.media-poster .question-image-button{max-width:460px;background:#eeeae5}
.media-poster .question-image-button img{max-height:min(56dvh,540px)}
.media-career .question-image-button{max-width:1000px}
.image-role-label,.question-poster figcaption{font-size:13px;line-height:1.8;max-width:100%;overflow-wrap:anywhere}
.question-sidebar{position:sticky;top:20px}
.question-sidebar .aid-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
.question-sidebar .aid-item{width:100%;font-size:13px;line-height:1.7;min-width:0}
.question-sidebar .aid-circle{width:42px;height:42px}
.transfer-note{font-size:14px;line-height:1.9}
.question-actions{gap:16px}.question-actions .btn{font-size:16px;min-height:48px;white-space:normal}
.question-context,.phase-label{font-size:16px;line-height:1.9}
.hint-box{font-size:19px;line-height:2;text-align:right;width:100%;max-width:850px}
.choices-grid{width:100%;max-width:900px}.choice{font-size:19px;line-height:1.8;min-height:66px}
.answer-box h2{font-size:clamp(28px,3vw,44px);overflow-wrap:anywhere}.answer-box p{font-size:18px;line-height:2}
.career-route{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.career-club strong{font-size:17px;line-height:1.8}.career-years,.career-note{font-size:14px}
.club-badge-button{min-height:84px;min-width:84px}.club-badge-button img{object-fit:contain}
.board-image{height:160px}.board-image h2{font-size:21px;line-height:1.7;right:14px;left:14px}
.board-image small{font-size:12px}.point{font-size:25px;min-height:58px}.board-col-labels{font-size:13px}
.board-image img[src$='.svg']{object-fit:contain;padding:12px;background:#f2f0eb}
.random-art{background:linear-gradient(135deg,#3b3163,#287783)!important}
.random-art h2,.board-image.random-art h2{font-size:21px}
.image-zoom-modal{width:min(1280px,96vw)!important;max-width:96vw!important;padding:22px}
.image-zoom-controls{align-items:center;flex-wrap:wrap;gap:10px;padding-inline:12px}
.zoom-level{min-width:64px;font-size:16px;font-variant-numeric:tabular-nums}
.image-zoom-scroll{max-height:72dvh;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#eeece8;border:1px solid var(--line)}
.image-zoom-stage{width:100%;min-width:100%;line-height:0}
.image-zoom-stage .media-surface{display:inline-block;width:100%;max-width:none;min-width:0;border-radius:0}
.image-zoom-stage .media-surface img{width:100%;height:auto;max-width:none;max-height:none!important;box-shadow:none}
.image-zoom-stage .media-kind-detail{width:65%;min-width:240px}
.modal p{font-size:16px}.modal .review-question-text{font-size:25px;line-height:1.9}
.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1400px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.question-layout{grid-template-columns:minmax(0,1fr) 220px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-sidebar .score-panel{padding:18px 10px}}
@media(max-width:760px){
 .setup-heading{align-items:flex-start;gap:18px;flex-wrap:wrap}.setup-steps{flex-wrap:wrap}
 .team-setup,.form-grid{grid-template-columns:1fr}.team-form-card{padding:20px}
 .category-selection-layout{display:flex;flex-direction:column;gap:16px}
 .selected-sidebar{position:static;max-height:none;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .selected-sidebar h2,.selected-sidebar .selection-note{grid-column:1/-1;margin:0}
 .picked-team{min-width:0;margin:0}.picked-team h3{font-size:16px;overflow-wrap:anywhere}.picked-team p{font-size:13px}
 .picked-row{padding:5px 0}.picked-row span{font-size:14px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cat-bottom{padding:13px;gap:7px}.cat-bottom h3{font-size:18px}.cat-description{font-size:13px}.cat-bottom small{font-size:12px}
 .category-section-heading h2{font-size:21px}.cat-owner{font-size:11px}
 .sticky-selection{padding:12px;gap:10px}.sticky-selection strong{font-size:15px}.sticky-selection small{font-size:12px}.sticky-selection .btn{font-size:14px;padding:13px}
 .question-layout{display:flex;flex-direction:column;gap:15px}
 .question-main{order:0;width:100%;min-height:0}.question-sidebar{order:1;position:static;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}
 .question-sidebar .score-panel{padding:15px 10px;gap:12px}.question-sidebar .aid-item{font-size:12px}.question-sidebar .aid-circle{width:38px;height:38px}.question-sidebar .transfer-note{grid-column:1/-1}
 .question-text{font-size:25px;line-height:1.9}.question-body{gap:18px;padding:20px 0}
 .question-image-button{padding:8px;border-radius:14px}.question-image-button .media-surface img{max-height:42dvh}.media-context .question-image-button img{max-height:210px}.media-poster .question-image-button img{max-height:48dvh}
 .question-actions{align-items:stretch}.question-actions>div{flex:1 1 100%}.question-actions>.btn{width:100%}.question-actions .phase-label{font-size:14px}.hint-box{font-size:17px}
 .choices-grid{grid-template-columns:1fr}.choice{font-size:17px;min-height:60px}
 .career-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.career-club strong{font-size:14px}.career-years,.career-note{font-size:12px}.club-badge-button{min-width:60px;min-height:60px}
 .board-image{height:135px}.board-image h2,.board-image.random-art h2{font-size:18px}.point{font-size:23px;min-height:54px}.board-col-labels{font-size:11px}
 .score-footer{position:static}.score-panel .aid-item{font-size:12px}
 .image-zoom-modal{padding:18px 12px}.image-zoom-controls .btn{min-height:44px;font-size:14px;padding:10px 13px}.image-zoom-scroll{max-height:68dvh}
 .game-top{gap:12px;flex-wrap:wrap}.game-meta{font-size:14px}.turn-badge{font-size:15px}
 .history-grid{grid-template-columns:1fr}.site-footer{flex-wrap:wrap;line-height:2}
}
@media(max-width:380px){.cat-bottom h3{font-size:16px}.cat-description{font-size:12px}.selected-sidebar{grid-template-columns:1fr}.career-route{grid-template-columns:repeat(2,minmax(0,1fr))}.question-text{font-size:23px}.category-grid{gap:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn:hover,.cat-card:hover,.preview-card:hover img,.cat-card:hover img{transform:none}}
/* Fit the entire image initially; zooming removes the height constraint. */
.image-zoom-stage.fit-image .media-surface{width:fit-content;min-width:0;max-width:100%}
.image-zoom-stage.fit-image .media-surface img{width:auto;max-width:100%;height:auto;max-height:62dvh!important}
/* v22: a separate, explicit choice of six sources for the random category. */
.random-source-list{display:grid;gap:7px}.primary-selection-summary{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}
.primary-selection-summary h3{font-size:16px;margin-bottom:10px}.primary-selection-summary p{font-size:14px;line-height:2;color:var(--muted)}
@media(max-width:760px){.random-source-sidebar{display:block}.random-source-list{grid-template-columns:1fr 1fr;gap:5px 14px}.primary-selection-summary{margin-top:12px;padding-top:12px}}
.charades-panel{padding:24px;background:var(--tint);border:1px solid var(--accent);border-radius:22px;max-width:540px;margin:22px auto;text-align:center}.charades-panel strong{font-size:26px}.charades-panel p{line-height:1.8}.secret-qr{width:230px;margin:15px auto;background:white;padding:5px}.secret-qr svg{display:block;width:100%;height:auto}.charades-panel .full{margin-top:18px}.ad-placement{max-width:900px;margin:25px auto;border:1px solid var(--line);border-radius:18px;padding:15px;background:white}.ad-placement small{display:block;color:#666;margin-bottom:8px}.ad-placement a{display:flex;align-items:center;gap:20px;text-decoration:none;color:inherit}.ad-placement img{max-height:150px;max-width:70%;object-fit:contain}.account-layout .full{white-space:normal}.category-card:disabled{opacity:.45;cursor:not-allowed}

/* Per-account content inventory */
.category-stock{border-top:1px solid #dce5df;margin-top:16px;padding-top:14px;display:grid;gap:7px;text-align:right;color:#40564c;font-size:15px;line-height:1.7}.category-stock>strong{font-size:17px;color:#204b3d}.stock-levels{display:flex;flex-wrap:wrap;gap:7px}.stock-levels span{padding:3px 9px;border-radius:7px;background:#edf5ef;font-size:14px}.stock-levels .stock-low{background:#fff0e9;color:#9c4725}.category-stock small{font-size:13px!important;line-height:1.8}.category-stock .stock-warning{color:#913c43}.cat-card:disabled{opacity:.67}.stock-error-panel{background:#fff2ee;border:2px solid #c77360;border-radius:16px;margin:20px 0;padding:22px;color:#713624;font-size:17px;line-height:1.9}.stock-error-panel>strong{font-size:22px}.stock-error-panel .btn{margin-top:12px}.stock-refresh{margin-bottom:12px}#toast{max-width:min(90vw,850px);white-space:normal;line-height:1.9;font-size:16px}
.shop-hero{padding:40px;border-radius:28px;background:var(--ink,#242529);color:#fff;margin-bottom:28px}.shop-hero .page-title{color:#fff}.shop-hero p{font-size:20px}.shop-balance{display:inline-block;margin-top:18px;border:1px solid #ffffff55;padding:12px 20px;border-radius:30px}.shop-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.shop-package{display:flex;flex-direction:column;gap:18px;text-align:right;border:2px solid #e4dfd6;border-radius:22px;background:#fff;padding:28px;cursor:pointer;color:#28282b;font:inherit}.shop-package.chosen{border-color:var(--accent,#f47435);box-shadow:0 0 0 3px #f4743520}.shop-package>strong{font-size:60px;line-height:1}.shop-package strong small{font-size:22px}.shop-package b{font-size:26px}.shop-package>span{font-size:16px}.shop-checkout{max-width:850px;margin:0 auto 28px}.shop-checkout form{margin:22px 0}.shop-checkout input{min-width:150px;flex:1}.shop-summary p{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:12px}.shop-order{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid #ddd}.customer-tabs{display:none}@media(max-width:700px){.shop-hero{padding:28px 22px}.shop-packages{grid-template-columns:1fr}.shop-package{gap:12px}.shop-package>strong{font-size:44px}.shop-order{flex-direction:column}.shop-page{padding-bottom:100px}.customer-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid #ddd;padding:12px 8px calc(12px + env(safe-area-inset-bottom));justify-content:space-around}.customer-tabs button{border:0;background:transparent;font:inherit;padding:9px;color:#555}.customer-tabs .active{color:var(--accent,#c74f20);font-weight:800}}
@media(max-width:700px){body:has(.customer-tabs){padding-bottom:82px}.customer-tabs button{font-size:14px}.nav-links{flex-wrap:wrap}}

.shop-hero{padding:28px 34px;margin-bottom:24px}.shop-hero .page-title{font-size:clamp(30px,4vw,48px);margin:12px 0}.shop-hero p{font-size:18px}.shop-packages{align-items:stretch;gap:22px}.shop-package{position:relative;gap:16px;transition:border-color .18s,box-shadow .18s,transform .18s}.shop-package:hover{transform:translateY(-3px);border-color:var(--accent)}.shop-package.chosen{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.package-tag{align-self:flex-start;background:var(--tint);color:var(--accent);padding:6px 13px;border-radius:30px;font-weight:700}.shop-package h2{font-size:22px}.shop-package>strong{font-size:42px;min-height:50px}.package-price{display:flex;align-items:baseline;gap:10px;border-top:1px solid var(--line);padding-top:20px}.package-price b{font-size:52px;line-height:1}.package-price span{font-size:19px}.package-unit{color:var(--muted);font-size:14px!important}.package-cta{margin-top:auto;padding:13px;border-radius:12px;text-align:center;background:var(--tint);color:var(--accent);font-weight:700}.shop-package.chosen .package-cta{background:var(--accent);color:#fff}.shop-checkout{width:100%;max-width:620px;margin:0 auto 24px;padding:20px;border-radius:16px}
.shop-checkout h2{font-size:20px;line-height:1.5}.shop-checkout>div>p{font-size:14px;line-height:1.8;margin-top:4px}
.shop-checkout form{margin:14px 0}.shop-checkout label{font-size:14px}.shop-checkout .controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:8px 0 0}
.shop-checkout .input{min-width:0;min-height:44px;padding:10px 12px;font-size:16px}.shop-checkout .btn{min-height:44px;padding:10px 18px;font-size:14px}.shop-checkout>.btn.full{width:auto;max-width:100%;margin-bottom:8px}
.shop-checkout .tiny{font-size:13px;line-height:1.8}.shop-checkout .shop-result{font-size:14px;line-height:1.8;margin:10px 0}.shop-checkout .shop-summary{font-size:14px;margin-bottom:14px}.shop-checkout .shop-summary p{padding:8px 0}
@media(max-width:400px){.shop-checkout{padding:16px}.shop-checkout>.btn.full{width:100%}}.shop-package:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:700px){.shop-hero{padding:24px}.shop-package{padding:24px}.shop-package>strong{min-height:0}.shop-packages{gap:14px}}
.policy-consent{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.9;margin:18px 0}.policy-consent input{width:20px;height:20px;flex:none;margin-top:5px;accent-color:var(--accent)}.policy-consent a{color:var(--accent-dark);text-decoration:underline}.danger-link{color:#ae2837}.btn.danger{background:#ae2837;color:#fff}.deletion-reference{overflow-wrap:anywhere;background:var(--soft);padding:16px;border-radius:10px}#delete-account-form{display:grid;gap:16px}#delete-account-form p{line-height:1.9}

/* Separate help controls stay usable when category selection is unavailable. */
.category-card-shell{position:relative;display:flex;min-width:0;isolation:isolate}
.category-card-shell>.cat-card{width:100%;min-width:0}
.category-info-button{position:absolute;inset-inline-start:8px;top:8px;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #e8d4c7;border-radius:50%;background:#fffffff5;color:var(--accent-dark,#a64620);font-family:inherit;font-size:25px;font-weight:600;line-height:1;box-shadow:0 2px 10px #252d3414;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.category-info-button span{font-size:26px;line-height:1;font-weight:600}
.category-info-button:hover{background:var(--tint,#fff1e8);border-color:var(--accent)}
.category-info-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.category-info-hint{font-size:14px;line-height:1.9;color:var(--muted,#737c78);margin:4px 0 14px}
.recent-category-wrap{display:flex;gap:5px;align-items:stretch;min-width:0}
.recent-category-wrap>.recent-category{flex:1;min-width:0;width:100%}
.recent-category-wrap .recent-category span{overflow-wrap:anywhere}
.category-info-button.category-info-inline{position:static;align-self:center;flex:0 0 44px;box-shadow:none}
body.category-guide-open{overflow:hidden}
.category-info-modal{width:min(570px,100%);max-height:85vh;max-height:min(85dvh,780px);overscroll-behavior:contain}
.category-info-modal #modal-title{padding-inline-end:30px;line-height:1.6;margin-bottom:22px}
.category-info-intro{display:flex;align-items:center;gap:16px}
.category-info-intro>img{width:88px;height:88px;flex:none;object-fit:cover;border-radius:16px}
.category-info-group{font-size:12px;color:var(--accent-dark);font-weight:500}
.category-info-modal .category-info-intro p{margin:5px 0 0;font-size:16px;line-height:1.9}
.category-info-section{padding-top:20px;margin-top:20px;border-top:1px solid var(--line,#ece7e2)}
.category-info-section h3{font-size:17px;line-height:1.7;margin:0 0 9px;color:var(--text,#252d34)}
.category-info-section ul{padding-inline-start:22px;margin:0;font-size:15px;line-height:2.1}
.category-info-modal .category-info-section p{margin:0;font-size:15px;line-height:2}
.category-info-values{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px!important;margin:22px 0!important}
.category-info-values span{padding:4px 10px;border-radius:8px;background:var(--tint,#fff1e8);color:var(--accent-dark);font-size:13px}
.category-info-modal .category-info-note{padding:12px 14px;background:#f5f4f0;border-radius:12px;font-size:13px;line-height:1.9;margin-top:17px}
.category-info-modal>.btn{min-height:48px;margin-top:4px}
@media(max-width:700px){.category-info-intro{gap:12px;align-items:flex-start}.category-info-intro>img{width:68px;height:68px;border-radius:12px}.category-info-modal .category-info-intro p{font-size:15px}.category-info-modal{padding:24px 20px}.category-info-hint{font-size:13px}.recent-category-wrap .recent-category img{display:none}}

.preview-card-wrap{position:relative;min-width:0}.preview-card-wrap>.preview-card{width:100%}
@media(max-width:760px){.category-preview>.preview-card-wrap:last-child{display:none}}

/* Aid explanations are opened explicitly, independently of choosing/using an aid. */
.aid-choice-wrap{position:relative;min-width:0;height:100%}
.aid-choice-wrap .aid-tile{height:100%;padding-top:47px;min-height:170px}
.aid-info-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;color:var(--accent-dark);border-radius:50%;background:transparent;cursor:pointer}
.aid-info-button span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e2d9ce;border-radius:50%;background:#fffaf4;font-size:19px;font-weight:600;line-height:1}
.aid-info-button:hover span,.aid-info-button:focus-visible span{background:var(--tint);border-color:var(--accent)}
.aid-choice-wrap>.aid-info-button{position:absolute;top:2px;left:2px;z-index:7}
.aid-info-hint{font-size:13px;line-height:1.8;color:var(--muted);margin:8px 0}
.aid-control{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.aid-control>.aid-item{width:100%}
body.aid-guide-open{overflow:hidden}
.aid-info-modal p{font-size:16px;line-height:2}