/* Approved 2026-10-27: the original ivory/orange identity, refined Arabic type and details. */
@import url('/fonts42.css');
:root{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;--ink:#252d34;--muted:#767e85;--bg:#fbfaf7;--line:#eae7e1;--soft:#f5f3ef;--blue:#5480a4;--shadow:0 8px 28px #30322f06}
body{font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg)}
h1,h2,h3{letter-spacing:0;font-weight:600;line-height:1.45;overflow-wrap:break-word}p{line-height:1.85}button,input,select,textarea{font-family:inherit}button,a,input,textarea,select{touch-action:manipulation}button{line-height:1.45}
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,white);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shell{max-width:1240px;padding-inline:32px;min-width:0}.page{padding-block:30px 48px}.page-title{font-size:36px;line-height:1.4;margin:8px 0 10px;font-weight:600}.page-subtitle{font-size:16px;line-height:1.85;max-width:660px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:0;margin-bottom:10px}.back-link{font-size:13px;margin-bottom:20px}.tiny,.notice,.text-btn{font-size:13px;line-height:1.85}
.nav{height:84px;gap:24px;border-color:var(--line)}.brand{gap:9px}.brand-mark{width:38px;height:40px;transform:none;border-radius:11px;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:31px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff55;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 85%,white),var(--accent))}.brand-name{font-size:22px;letter-spacing:0;font-weight:600}.nav-links{font-size:15px;gap:26px;color:var(--muted)}.nav-actions{gap:10px}.account-avatar{height:38px;width:38px;font-size:19px;border:1px solid var(--line);background:white}.nav-actions .pill{font-size:11px}.btn{font-size:16px;font-weight:500;min-height:48px;border-radius:13px;padding:12px 22px;white-space:normal;line-height:1.5;transition:background .18s,box-shadow .18s,transform .18s}.btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 94%,#bf491b));box-shadow:0 4px 8px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px 0 #ffffff25}.btn.primary:hover{background:var(--accent-dark);box-shadow:0 6px 15px color-mix(in srgb,var(--accent) 17%,transparent)}.btn.outline{background:#fff;border:1px solid #dbdedc;box-shadow:0 1px 2px #33333302}.btn.soft{background:var(--tint)}.btn.sm{font-size:14px;min-height:40px;padding:9px 14px}.btn:hover{transform:translateY(-1px)}.btn:disabled{transform:none;box-shadow:none}.pill{font-size:12px;font-weight:400;padding:6px 12px}.panel{border-radius:20px;border-color:var(--line);box-shadow:var(--shadow);padding:26px}.input{min-height:48px;padding:11px 14px;font-size:16px;border-radius:12px;border-color:#dedfdb;line-height:1.6}.form-field label{font-size:15px;font-weight:500;margin-bottom:8px}.form-field{margin:20px 0}.input::placeholder{color:#a0a6aa}.notice{background:#fff8ec;border-color:#f0e1c7;color:#87734f;padding:12px 15px;border-radius:13px}.form-error{font-size:14px}.policy-consent{font-size:14px}.controls-row{gap:14px}.error-banner{font-size:14px;line-height:1.8}
/* Home: same headline and photographs; restrained composition. */
.hero{grid-template-columns:1fr 1fr;gap:46px;min-height:0;padding:52px 0 32px}.hero-copy h1{font-size:clamp(38px,4vw,58px);line-height:1.4;font-weight:600;margin:18px 0 20px}.hero-copy h1 em:after{bottom:-6px;height:7px;border-top-width:2px}.hero-copy p{font-size:17px;line-height:1.85;max-width:440px}.hero-actions{gap:12px;margin:25px 0 18px}.hero-actions .btn{min-width:160px}.hero-note{font-size:12px;line-height:1.8;display:block;color:#8a9094}.hero-note .dot{display:none}.hero-art{height:355px;max-width:490px;width:100%;margin:auto;min-width:0}.art-background{inset:38px 28px 30px;border-radius:80px;background:#f1ece4;transform:rotate(4deg)}.feature-photo{border:5px solid white;border-radius:19px;box-shadow:0 8px 18px #33352812}.photo-football{width:51%;height:245px;left:3%;top:40px;transform:rotate(-8deg)}.photo-kuwait{width:46%;height:280px;right:26%;bottom:12px;transform:rotate(3deg);z-index:2}.photo-food{width:40%;height:228px;left:auto;right:0;bottom:28px;transform:rotate(8deg)}.photo-label{font-size:12px;line-height:1.7;padding:28px 10px 10px}.floating-badge{top:4px;right:0;padding:10px 12px;border-radius:13px;font-size:11px;transform:rotate(1deg);box-shadow:0 4px 12px #33352806}.floating-badge strong{font-size:13px;font-weight:500;margin-bottom:0}.floating-badge .badge-icon{width:32px;height:32px}.floating-badge .badge-icon .ui-icon{width:19px;height:19px}.resume-card{grid-column:1/-1;width:100%;display:flex;align-items:center;gap:15px;padding:16px 20px;border:1px solid var(--line);border-radius:17px;background:white;text-align:right;box-shadow:var(--shadow);margin-top:2px}.resume-card strong{display:block;font-size:16px;font-weight:500}.resume-card small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.resume-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #f3e2d3;border-radius:50%;color:var(--accent)}.resume-arrow{margin-inline-start:auto;color:#8d969b}.section{padding:28px 0}.section-head{margin-bottom:20px;align-items:center}.section-head h2{font-size:27px;font-weight:600}.section-head p,.step p{font-size:14px}.category-preview{gap:15px}.preview-card{height:185px;border-radius:17px}.preview-caption h3{font-size:20px;font-weight:500}.preview-caption small{font-size:12px}.steps{gap:26px;padding-top:28px}.step h3{font-size:18px;font-weight:500}.step p{line-height:1.85}.step-no{width:34px;height:34px;font-size:13px}.site-footer{font-size:12px;margin-top:24px;padding:22px 0;flex-wrap:wrap}.footer-links{gap:14px;flex-wrap:wrap;font-size:13px}.theme-dot{width:19px;height:19px}
/* Teams and selected categories: actual flexible chips, never squeezed columns. */
.setup-heading{gap:18px;margin-bottom:23px;align-items:flex-start}.setup-heading>div{min-width:0}.setup-steps{font-size:13px;white-space:nowrap;gap:10px;padding-top:16px}.team-setup{gap:22px;margin:24px 0}.team-form-card{padding:24px;border-radius:20px;box-shadow:var(--shadow)}.team-form-card h2{font-size:22px;font-weight:600}.team-number{width:32px!important;height:32px!important;font-size:16px!important}.rules-mini{border-radius:16px;margin:22px 0}.rules-mini div{padding:18px}.rules-mini strong{font-size:27px;font-weight:600;margin-bottom:3px}.rules-mini small{font-size:13px}.aid-picker legend{font-size:15px}.aid-tile{box-shadow:none;border-radius:15px}.aid-tile-name{font-size:14px;font-weight:500}.aid-tile-icon{border-radius:12px;background:var(--aid-soft)}.aid-tile-icon svg{stroke-width:1.5}.aid-tile:has(input:checked){box-shadow:0 0 0 1px color-mix(in srgb,var(--aid-select) 32%,transparent)}
.category-selection-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:24px;align-items:start}.category-browser{min-width:0;max-width:100%}.selected-sidebar{padding:18px;border-radius:18px;top:18px;min-width:0;border-color:var(--line);box-shadow:var(--shadow)}.selected-sidebar h2{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px;margin:0 0 16px;line-height:1.6}.selected-sidebar h2 span{font-size:15px;white-space:nowrap;font-weight:500}.picked-team{border-radius:13px;padding:12px;margin:10px 0;background:#fff3eb}.picked-team.second{background:#f0f5fa}.picked-team h3{font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.picked-team h3 small{float:none;font-size:13px;white-space:nowrap}.picked-row{padding:6px 0;border-color:#00000006;gap:8px;min-width:0}.picked-row span{font-size:15px;line-height:1.7;overflow-wrap:break-word;min-width:0}.picked-row button{width:30px;height:30px;min-width:30px;min-height:30px;font-size:21px;border-color:#e8e5df;line-height:1;background:#ffffffd9}.selection-note{font-size:12px;line-height:1.8}.selection-roles{gap:10px;margin:0 0 16px}.selection-role{padding:11px 14px;gap:8px;border:1px solid #f3e0d3;background:#fff3eb;color:#b75d31;box-shadow:none;font-size:14px;flex-wrap:wrap;line-height:1.6}.selection-role strong{font-weight:500}.selection-role.second{border-color:#e1eaf2;background:#f0f5fa;color:#466f93}.selection-role.current{box-shadow:none;border-color:var(--accent)}.selection-role.second.current{box-shadow:none;border-color:var(--blue)}
.category-discovery{border:0;background:transparent;padding:0;gap:13px;margin:0 0 24px;position:relative}.category-discovery>label{font-size:14px;font-weight:500;color:var(--muted)}.category-discovery .search{font-size:16px;min-height:46px;padding-inline:15px;background:#fff;border-color:#e1e1dc;border-radius:12px}.category-discovery .filter-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 7px;gap:7px;max-width:100%;overscroll-behavior-inline:contain}.category-discovery .filter{font-size:14px;white-space:nowrap;min-height:38px;padding:8px 14px;border-radius:10px;flex-shrink:0;line-height:1.5;font-weight:400}.filter.selected{background:#fff3eb;color:var(--accent-dark);border-color:var(--accent)}.stock-refresh{justify-self:end;position:absolute;top:-5px;left:0;font-size:11px!important;min-height:30px!important;padding:5px 8px!important;background:transparent!important;border:0!important;color:var(--muted)}
.category-section{margin-bottom:25px}.category-section-heading{padding:0 0 12px;border:0;background:none;border-radius:0;gap:12px;align-items:center}.category-section-heading h2{font-size:21px;line-height:1.6;color:var(--ink);font-weight:500}.category-section-heading span{font-size:13px;color:var(--muted)}.category-browser .category-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cat-card{border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 9px #30322f03;height:100%;min-width:0}.cat-card.picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cat-card.picked.second{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.cat-image{aspect-ratio:1.5;height:auto;background:#f3f1ed}.cat-image img{object-fit:cover}.cat-image img.crest,.cat-image img[src$='.svg']{padding:12px;background:#f4f2ed}.cat-bottom{padding:11px 13px;gap:2px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.cat-bottom h3{font-size:18px;font-weight:500;line-height:1.5;overflow-wrap:break-word}.cat-description{display:none}.cat-check{width:26px;height:26px;font-size:16px;left:9px;top:9px;background:#fffffff2;box-shadow:0 1px 5px #00000008}.cat-owner{font-size:10px;padding:3px 7px;background:#ffffffed;bottom:8px;right:8px;max-width:calc(100% - 16px);border-radius:6px}.category-stock{border:0;margin:3px 0 0;padding:0;display:block;line-height:1.55;color:#94999a;font-size:12px}.category-stock .stock-warning{display:block;font-size:11px!important;color:#a56f3d}.category-stock.unavailable{color:#9d734e}.cat-card:disabled{opacity:.6}.random-preview{padding:16px;border-radius:16px;margin-top:24px;gap:16px;border-color:#efd8c6;background:#fff7ef}.random-preview .question-mark{font-size:35px}.random-preview h3{font-size:17px;font-weight:500}.random-preview p{font-size:14px;line-height:1.85}.random-preview .pill{font-size:11px;white-space:nowrap}.sticky-selection{padding:13px 18px;border-radius:17px;box-shadow:0 8px 22px #292d3210;gap:14px;bottom:16px;margin-top:20px}.sticky-selection strong{font-size:17px;font-weight:500;line-height:1.6}.sticky-selection small{font-size:12px;margin-top:2px}.sticky-selection .btn{font-size:15px;padding:11px 18px}.recent-categories{padding:15px;border-radius:16px;background:#f6f2ec}.recent-category{font-size:14px;font-weight:500}.recent-category img{width:36px;height:36px}.primary-selection-summary h3{font-size:14px;font-weight:500}.primary-selection-summary p{font-size:13px;line-height:1.8}.primary-selection-summary .btn{font-size:13px}
/* Match board and question: balanced media and a compact score strip. */
.game-shell{max-width:1500px;padding-inline:24px}.game-top{min-height:78px;gap:18px;margin-bottom:18px}.game-top .brand-name{font-size:21px}.game-meta{font-size:13px;gap:12px}.game-tools{gap:6px}.icon-btn{width:34px;height:34px;border-radius:10px;border-color:var(--line);font-size:17px}.turn-badge{font-size:14px;font-weight:500;padding:8px 15px;line-height:1.6}.board{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.board-card{border-radius:18px;box-shadow:var(--shadow)}.board-image{height:136px}.board-image h2,.board-image.random-art h2{font-size:19px;font-weight:500;line-height:1.5;bottom:12px}.board-image small{font-size:11px}.board-content{padding:12px}.point{font-size:24px;height:54px;min-height:54px;font-weight:500;border-radius:11px;background:#fff1e7;color:var(--accent-dark)}.point-grid{gap:8px}.board-col-labels{font-size:11px;margin-bottom:8px}.random-art{background:linear-gradient(140deg,#f6a274,#ec783c)!important}.random-art .big-question{font-weight:500;font-size:88px}.score-footer{gap:18px;margin:24px 0}.score-panel{padding:17px 20px;border-radius:16px;box-shadow:none;gap:14px}.score-identity{min-width:0}.score-identity h3{font-size:16px;font-weight:500;margin-bottom:4px}.score-identity strong{font-size:30px;font-weight:600;letter-spacing:0}.score-panel.active{box-shadow:none;border-color:#f1b38e}.score-panel.second.active{box-shadow:none;border-color:#b3cadb}.score-middle{font-size:13px}.score-middle strong{font-size:16px;font-weight:500}.aid-item{gap:6px}.aid-circle{border-color:#e4e3df;width:36px;height:36px}.aid-circle svg{stroke-width:1.5}
.question-score-strip{display:flex;gap:12px;max-width:700px;margin:0 auto 16px}.score-chip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;background:#fff2e9;color:#c2693b;padding:10px 18px;border-radius:13px}.score-chip.second{background:#eef4fa;color:#497499}.score-chip span{font-size:15px;font-weight:500}.score-chip strong{font-size:23px;line-height:1.25;font-weight:600;letter-spacing:.01em}.question-layout{grid-template-columns:minmax(0,1fr) 238px;gap:20px;min-height:0}.question-main{border-radius:22px;padding:24px 28px;min-height:0;box-shadow:var(--shadow)}.question-top{gap:12px}.question-category{font-size:14px;gap:9px;flex-wrap:wrap;line-height:1.6}.question-value-badge{background:#fff1e6;padding:5px 10px;border-radius:30px;font-size:14px;color:var(--accent-dark)!important;font-weight:500}.random-origin-badge{font-size:14px!important;background:#f1f5f7;color:#556671;padding:6px 12px}.timer-wrap{gap:8px}.timer{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:20px;min-width:85px;line-height:1.4;padding:7px 12px;border-radius:10px;background:#f4f3f0}.timer-track{height:5px;margin-top:14px}.timer-progress{border-radius:5px}.question-body{padding:18px 0;gap:14px;justify-content:flex-start}.question-kicker{font-size:12px!important;color:#92999c!important;background:none;border:0;padding:0;line-height:1.6;font-weight:400}.question-text{font-size:29px;line-height:1.55;font-weight:600;max-width:900px}.question-poster{gap:5px;margin:0;max-width:690px;display:flex;flex-direction:column;align-items:center;width:100%}.question-poster .question-image-button{padding:0;border:1px solid var(--line);background:#f7f6f2;max-width:100%;border-radius:15px;display:flex;min-height:0;width:100%}.question-image-button .media-surface{max-width:100%;width:fit-content;border-radius:0;line-height:0}.question-image-button .media-surface img,.question-image-button .poster-concealed img{max-height:300px;width:auto;height:auto;max-width:100%;object-fit:contain}.media-context .question-image-button{max-width:580px}.media-poster .question-image-button{max-width:380px}.question-poster figcaption,.image-role-label{font-size:11px;line-height:1.6;margin:0;color:#9b9c9b}.choices-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:800px}.choice{min-height:48px;font-size:17px;line-height:1.5;padding:10px 14px;border-radius:12px;gap:10px}.choice span{font-size:12px;padding:3px 6px;background:#f6f4f0}.question-context,.phase-label,.transfer-note{font-size:13px!important;line-height:1.8!important;color:var(--muted)}.keyboard-hint{font-size:11px!important}.question-actions{padding-top:16px;align-items:center;gap:14px}.question-actions>.btn{min-height:46px;min-width:155px;font-size:16px}.question-report-row{margin:10px 0 0}.question-report-row .report-trigger{font-size:12px;padding:6px 10px;min-height:32px;background:#f8f7f4;border-color:#f0eee8;color:#969b9c;border-radius:9px}.question-sidebar{top:18px;gap:12px}.question-sidebar .score-panel{padding:18px 13px;gap:14px}.question-sidebar .aid-item{font-size:12px!important;white-space:normal;line-height:1.5}.question-sidebar .aid-circle{width:37px;height:37px}.question-sidebar .score-identity strong{font-size:28px}.question-sidebar .transfer-note{padding:12px;background:#f5f7f9}.hint-box{font-size:17px;padding:12px 18px;line-height:1.9}.answer-box{padding:22px 24px;border-radius:17px;background:#f0f7f2;border-color:#e1ece1}.answer-box h2{font-size:32px;font-weight:600;line-height:1.5}.answer-box p{font-size:17px;line-height:1.9;margin-top:12px}.award-grid{gap:10px}.award-option{border-radius:14px;font-size:15px;padding:14px 10px}.award-option strong{font-weight:600}.pause-overlay{border-radius:21px;background:#fffaf6f5}.pause-overlay h2{font-size:28px}.career-instructions,.career-retired,.word-help{font-size:14px;line-height:1.8}
/* Result: a small line trophy, real score cards, and a quiet recap. */
.result-hero{max-width:690px;margin:auto;padding:18px 0 12px}.result-trophy{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:#fff2e8;color:var(--accent);font-size:0}.result-trophy svg{width:46px;height:46px;stroke-width:1.4}.result-hero h1{font-size:40px;font-weight:600;line-height:1.45;margin:6px 0 10px}.result-hero>p{font-size:16px;color:var(--muted);line-height:1.85}.result-hero .eyebrow{font-size:12px}.result-scores{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px auto 18px;max-width:none}.result-team{background:#f0f5fa;border:1px solid #edf1f5;border-radius:18px;padding:22px 15px;min-width:0}.result-team.winner{background:#fff4ec;border-color:var(--accent);box-shadow:none}.result-team h3{font-size:19px;font-weight:500}.result-team strong{display:block;font-size:44px;line-height:1.45;font-weight:600;color:#497499;letter-spacing:0;margin:8px 0}.result-team.winner strong{color:var(--accent-dark)}.result-team small{font-size:12px;line-height:1.8;display:block;color:#8b9195}.result-recap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:16px;padding:14px 0;margin:0 0 22px;box-shadow:var(--shadow)}.result-recap>div{display:flex;flex-direction:column;gap:3px;text-align:center;border-inline-end:1px solid var(--line)}.result-recap>div:last-child{border:0}.result-recap strong{font-size:21px;font-weight:500;line-height:1.4}.result-recap span{font-size:13px;color:var(--muted)}.result-buttons{display:grid;grid-template-columns:1fr;gap:10px;max-width:none;margin:0 auto}.result-buttons .btn{width:100%;font-size:16px;min-height:48px}.result-buttons .btn .ui-icon{width:19px;height:19px}.round-log{max-width:850px;margin:24px auto;border-color:var(--line);border-radius:16px;font-size:15px}.round-log summary{font-weight:500;font-size:16px}.log-line{font-size:14px;line-height:1.85}.history-grid{gap:20px}.history-card{border-radius:20px;box-shadow:var(--shadow);padding:24px}.history-card h3{font-size:22px;font-weight:500}.history-card p{font-size:14px}.history-score strong{font-size:31px;font-weight:600}.party-progress{border-radius:18px;box-shadow:none}.party-progress strong{font-size:18px;font-weight:500}.party-progress .tiny{font-size:13px}.party-dots span{font-size:15px}
/* Account, shop, forms and documents share the same type and surfaces. */
.auth-layout{border-radius:23px;box-shadow:var(--shadow);margin:34px auto;background:white}.auth-form{padding:38px}.auth-form h1{font-size:30px;font-weight:600}.auth-form>p{font-size:15px}.auth-bottom{font-size:14px}.auth-art h2{font-size:36px;font-weight:500}.auth-art p{font-size:15px}.auth-form .notice{font-size:13px;line-height:1.85}.account-layout{gap:24px}.account-layout .panel h2{font-size:23px;font-weight:500}.account-layout .notice strong{font-size:18px;font-weight:500}.theme-option{font-size:14px;border-radius:11px}.shop-hero{padding:28px 32px;background:#fff3e9;border:1px solid #f1e4d7;color:var(--ink);border-radius:22px;margin-bottom:22px}.shop-hero .page-title{color:var(--ink);font-size:36px}.shop-hero p{font-size:16px;line-height:1.8}.shop-balance{font-size:14px;background:white;border:1px solid #eddfd2;padding:7px 14px;margin-top:12px;color:#95623e}.shop-packages{gap:18px}.shop-package{border-width:1px;border-radius:20px;padding:24px;gap:13px;box-shadow:var(--shadow)}.shop-package.chosen{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shop-package h2{font-size:22px;font-weight:500}.shop-package>strong{font-size:36px;min-height:44px;font-weight:600}.shop-package strong small{font-size:20px;font-weight:400}.package-tag{font-size:12px!important;font-weight:500;padding:5px 11px}.package-price{padding-top:15px;gap:8px}.package-price b{font-size:42px;font-weight:600}.package-price span{font-size:16px}.package-unit{font-size:13px!important}.package-cta{font-size:14px!important;font-weight:500;border-radius:11px;padding:11px}.shop-checkout{border-radius:18px;padding:22px}.shop-checkout h2{font-size:22px;font-weight:500}.shop-checkout>.btn.full{width:100%;min-height:46px;font-size:15px;margin-top:2px}.shop-checkout .tiny{font-size:12px;color:#8c9296}.shop-checkout .input{font-size:16px}.shop-checkout .controls-row{gap:8px}.report-stats{gap:13px}.report-stat{padding:20px 16px;border-radius:17px}.report-stat strong{font-size:29px;font-weight:500}.modal{border-radius:23px;padding:28px;box-shadow:0 20px 65px #20272020}.modal h2{font-size:25px;font-weight:600;line-height:1.5}.modal p{font-size:15px;line-height:1.85}.modal .form-field label{font-size:15px}.modal .notice{font-size:13px}.report-question{border-radius:13px;background:#fbfaf7}.report-question p{font-size:16px}.modal .btn{font-size:16px}.contact-new,.ticket-card{border-radius:17px}.email-verification .tiny{font-size:13px}textarea.input{resize:vertical}.legal{max-width:850px!important}.legal h1{font-size:34px!important}.legal h2{font-size:23px!important;font-weight:500}.legal p,.legal li{font-size:16px!important;line-height:2!important}.legal nav{gap:10px!important;font-size:14px}.legal nav a{padding:6px 11px;border:1px solid var(--line);border-radius:10px;background:white;text-decoration:none}.account-access{max-width:510px;margin:7vh auto;padding:0 22px}.account-access .brand{width:fit-content;margin:0 auto 25px}.account-access .panel{padding:30px}.account-access h1{font-size:29px;font-weight:600;line-height:1.5;margin-bottom:10px}.account-access p{font-size:15px;line-height:1.85;color:var(--muted)}.account-access .access-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #f2e4d7;background:#fff5ec;color:var(--accent);border-radius:15px;margin-bottom:20px}.account-access .access-icon svg{width:26px;height:26px}.account-access .btn{width:100%;margin-top:10px}.account-access #message,.account-access #verify-message{margin:14px 0;font-size:14px}.account-access .access-footer{display:block;text-align:center;font-size:14px;color:#92999d;margin:20px 0}.charades-panel{padding:20px;border-radius:18px}.charades-panel strong{font-size:24px;font-weight:500}.charades-panel p{font-size:15px}
@media(min-width:1400px){.category-browser .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.board{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.board-image h2{font-size:17px}.board-image{height:130px}}
@media(max-width:1100px){.shell{padding-inline:24px}.category-selection-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.category-browser .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-layout{grid-template-columns:minmax(0,1fr) 210px}.nav-links{gap:18px;font-size:14px}.hero{gap:26px}.hero-copy h1{font-size:44px}.hero-art{height:325px}.board{grid-template-columns:repeat(4,minmax(0,1fr))}.score-panel{padding:15px;gap:10px}.score-panel .aid-group{gap:8px}.score-identity strong{font-size:27px}}
@media(max-width:820px){.nav-links{display:none}.hero{gap:24px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:16px}.hero-art{height:290px}.photo-football{height:210px}.photo-kuwait{height:240px}.photo-food{height:200px}.floating-badge{padding:8px 10px;max-width:210px;font-size:10px}.floating-badge strong{font-size:12px}.score-footer{grid-template-columns:1fr 1fr}.score-middle{grid-column:1/-1;grid-row:1}.score-panel .aid-group{gap:7px}.question-layout{grid-template-columns:minmax(0,1fr) 190px}.question-sidebar .aid-group{gap:10px}.result-hero{max-width:620px}}
@media(max-width:760px){
 .shell{padding-inline:20px}.page{padding-block:24px 32px}.page-title{font-size:30px;line-height:1.4;max-width:100%;margin:6px 0 9px}.page-subtitle{font-size:15px;line-height:1.85}.eyebrow{font-size:11px;margin-bottom:8px}.nav{height:72px;gap:12px}.brand-name{font-size:21px}.brand-mark{width:34px;height:36px;font-size:28px;border-radius:10px}.nav-actions .btn{min-height:36px;font-size:13px;padding:8px 12px}.nav-actions .pill{display:none}.nav-actions{gap:9px}.btn{font-size:16px}.back-link{font-size:13px;margin-bottom:16px}.hero{display:flex;flex-direction:column;gap:20px;padding:30px 0 18px;align-items:stretch}.hero-copy{width:100%;min-width:0}.hero-copy>.pill{font-size:10px;padding:4px 10px}.hero-copy h1{font-size:39px;line-height:1.4;margin:16px 0 19px;font-weight:600}.hero-copy p{font-size:16px;line-height:1.8}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin:22px 0 13px}.hero-actions .btn{width:100%;min-height:46px;font-size:16px}.hero-note{font-size:11px;line-height:1.75;max-width:330px}.hero-art{height:223px;margin:0 auto;width:100%;max-width:390px}.art-background{inset:30px 20px 10px;border-radius:65px}.photo-football{width:46%;height:162px;left:0;top:36px}.photo-kuwait{width:43%;height:196px;right:28%;bottom:10px}.photo-food{width:39%;height:160px;right:0;bottom:16px}.feature-photo{border-width:4px;border-radius:14px}.photo-label{font-size:10px;padding:22px 7px 7px}.floating-badge{display:none}.resume-card{padding:13px 15px;gap:12px;margin:0}.resume-card strong{font-size:15px}.resume-card small{font-size:12px}.resume-icon{width:34px;height:34px}.resume-arrow .ui-icon{width:18px}.section{padding:23px 0}.section-head{gap:12px;align-items:center}.section-head h2{font-size:24px;line-height:1.5}.section-head .text-btn{font-size:12px;padding:5px 0;white-space:nowrap}.section-head .eyebrow{font-size:11px;margin-bottom:5px}.category-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-card{height:150px;border-radius:14px}.category-preview>.preview-card:last-child{display:none}.preview-caption{right:12px;bottom:12px}.preview-caption h3{font-size:17px;margin-top:2px}.preview-caption small{font-size:10px}.play-icon{width:22px;height:22px;font-size:12px;left:10px;bottom:12px}.steps{grid-template-columns:1fr;gap:23px;padding-top:24px}.step{gap:13px}.step h3{font-size:18px;margin:3px 0 7px}.step p{font-size:14px}.site-footer{padding:20px 0 30px;gap:20px}.site-footer>.brand{display:none}.footer-links{display:flex;gap:10px 17px;font-size:12px}.site-footer>span{font-size:11px}.theme-switch{gap:8px}.theme-dot{width:17px;height:17px}.setup-heading{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.setup-heading>div{width:100%}.setup-steps{padding-top:0;font-size:12px;gap:9px}.setup-heading>.btn{align-self:flex-start;min-height:34px;padding:6px 11px;font-size:12px}.team-setup{grid-template-columns:1fr;gap:18px;margin:21px 0}.team-form-card{padding:20px}.team-form-card h2{font-size:22px}.team-form-card .tiny{font-size:13px}.aid-picker-grid{gap:9px}.aid-tile{min-height:119px;padding:11px 5px 9px}.aid-tile-name{font-size:12px;white-space:normal;line-height:1.5}.aid-tile-icon{width:39px;height:39px;border-radius:11px}.aid-tile-icon svg{width:23px;height:23px}.aid-tile input{width:18px;height:18px;border-radius:6px}.rules-mini div{padding:13px 8px}.rules-mini strong{font-size:23px}.rules-mini small{font-size:11px}.controls-row{flex-wrap:wrap;align-items:center}.controls-row>.btn:last-child{margin-inline-start:auto}.category-selection-layout{display:flex;flex-direction:column;gap:18px;width:100%}.selected-sidebar{position:static;display:block;width:100%;max-height:none;overflow:visible;padding:15px;background:#fff;border-radius:17px;box-shadow:none}.selected-sidebar h2{font-size:18px;margin-bottom:12px;line-height:1.5}.selected-sidebar h2 span{font-size:14px}.picked-team{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0;margin:12px 0 0;background:none}.picked-team.second{background:none}.picked-team h3{display:flex;align-items:center;justify-content:space-between;flex-basis:100%;font-size:14px;margin:0;color:#c16e43}.picked-team.second h3{color:#4f799a}.picked-team h3 small{font-size:12px;color:inherit}.picked-team p{font-size:12px;color:#a0a5a7;margin:0}.picked-row{display:inline-flex;width:auto;max-width:100%;border:0;background:#fff2e9;padding:4px 9px 4px 4px;gap:7px;border-radius:9px;min-height:32px;flex-shrink:0}.picked-team.second .picked-row{background:#edf4fa}.picked-row span{font-size:13px;line-height:1.5;overflow-wrap:normal;white-space:normal;max-width:210px}.picked-row button{width:25px;height:25px;min-width:25px;min-height:25px;font-size:18px;border:0;background:#ffffffaa;border-radius:6px}.selection-note{display:none}.category-browser{width:100%;min-width:0}.selection-roles{margin:0 0 17px;gap:9px}.selection-role{display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 12px;border-radius:11px;font-size:13px;flex:1;flex-wrap:wrap;min-width:0}.selection-role strong{font-size:14px;overflow-wrap:break-word}.selection-role span{font-size:12px}.category-discovery{gap:11px;margin:0 0 21px}.category-discovery>label{font-size:13px}.category-discovery .search{min-height:44px;font-size:15px;padding:10px 13px}.category-discovery .filter{font-size:13px;padding:7px 12px;border-radius:9px;min-height:35px}.category-discovery .filter-tabs{gap:6px;scrollbar-width:none;padding-bottom:2px}.stock-refresh{font-size:11px!important;top:-6px;left:0}.category-section{margin-bottom:22px}.category-section-heading{padding-bottom:11px}.category-section-heading h2{font-size:19px;font-weight:500}.category-section-heading span{font-size:12px}.category-browser .category-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.cat-card{border-radius:13px}.cat-image{aspect-ratio:1.4;width:100%}.cat-bottom{padding:9px 10px;gap:2px}.cat-bottom h3{font-size:16px;font-weight:500;line-height:1.45;overflow-wrap:break-word}.cat-check{width:23px;height:23px;font-size:15px;top:8px;left:8px}.cat-owner{font-size:9px;bottom:6px;right:6px;padding:2px 5px;max-width:calc(100% - 12px)}.category-stock{font-size:10px;margin-top:3px}.category-stock .stock-warning{font-size:10px!important}.random-preview{padding:13px;gap:12px;align-items:flex-start;flex-wrap:wrap}.random-preview h3{font-size:16px}.random-preview p{font-size:13px}.random-preview .question-mark{font-size:29px;line-height:1.5}.random-preview>div{flex:1;min-width:0}.random-preview>.pill{display:none}.sticky-selection{position:sticky;bottom:83px;padding:12px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;background:#fffffff5}.sticky-selection>div{flex:1 1 140px;min-width:0}.sticky-selection strong{font-size:15px;line-height:1.55}.sticky-selection small{font-size:11px;line-height:1.6}.sticky-selection .btn{font-size:14px;min-height:43px;padding:10px 13px;white-space:normal;max-width:100%}.random-source-sidebar{display:block}.random-source-list{display:flex;flex-wrap:wrap;gap:7px}.random-source-list .picked-row{background:#f1f4f5}.primary-selection-summary{margin-top:12px;padding-top:12px}.primary-selection-summary h3{font-size:13px;margin:7px 0}.primary-selection-summary p{font-size:12px}.primary-selection-summary>.btn{font-size:12px;min-height:32px;padding:6px 10px}.recent-category-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recent-category{font-size:13px;gap:7px;padding:7px}.recent-category img{width:31px;height:31px}.recent-category strong{font-size:18px}.recent-categories{padding:12px}.game-shell{padding-inline:14px}.game-top{min-height:72px;gap:10px;display:flex;flex-wrap:wrap;padding:12px 0;margin-bottom:13px}.game-top .brand-name{font-size:19px}.game-top .brand-mark{width:30px;height:32px;font-size:25px}.game-top .brand{gap:7px}.game-meta{font-size:11px;gap:8px;order:3;width:100%;justify-content:space-between}.game-tools{gap:5px}.icon-btn{width:30px;height:30px;font-size:15px;border-radius:8px}.turn-badge{padding:6px 12px;font-size:12px;line-height:1.6;margin-inline-start:auto}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board-image{height:111px}.board-image h2,.board-image.random-art h2{font-size:17px;right:11px;left:9px;line-height:1.4}.board-image small{font-size:9px;padding:3px 6px;top:7px;left:7px}.board-card,.board-card.random{border-radius:15px}.board-card.random .board-image{height:111px}.board-content{padding:9px}.board-col-labels{font-size:9px;gap:5px;margin-bottom:6px}.point-grid{gap:6px}.point{font-size:22px;min-height:44px;height:44px;border-radius:9px}.score-footer{display:grid;grid-template-columns:1fr;gap:12px;margin:19px 0}.score-middle{grid-row:1;grid-column:auto;font-size:12px}.score-middle strong{font-size:14px;margin-bottom:2px}.score-panel{flex-direction:row;padding:13px 15px;gap:12px}.score-identity h3{font-size:15px}.score-identity strong{font-size:26px}.aid-group{gap:10px;flex-wrap:wrap}.aid-item{font-size:10px!important;line-height:1.4}.aid-circle{height:34px;width:34px}.question-score-strip{gap:9px;margin:0 0 12px;max-width:none}.score-chip{padding:9px 13px;gap:8px;min-width:0;border-radius:12px}.score-chip span{font-size:14px;line-height:1.4;overflow-wrap:break-word}.score-chip strong{font-size:21px;white-space:nowrap}.question-layout{display:flex;flex-direction:column;gap:14px;min-height:0}.question-main{padding:16px;border-radius:18px;min-height:0;width:100%}.question-top{gap:9px;align-items:center}.question-category{font-size:12px;gap:6px;max-width:60%;min-width:0}.question-value-badge{font-size:12px;padding:4px 8px}.timer{min-width:71px;font-size:18px;padding:6px 9px;letter-spacing:.5px}.timer-wrap{gap:6px}.timer-wrap .icon-btn{height:28px;width:28px;font-size:14px}.timer-track{margin-top:12px;height:4px}.question-report-row{margin:8px 0 0}.question-report-row .report-trigger{font-size:10px;padding:4px 8px;min-height:27px}.question-body{padding:12px 0;gap:12px}.question-text{font-size:25px;line-height:1.55;font-weight:600}.question-kicker{font-size:11px!important;line-height:1.6;max-width:100%}.question-poster{gap:4px;max-width:100%}.question-poster .question-image-button{padding:0;border-radius:13px;min-height:0;width:100%;max-width:100%;background:#f7f6f2}.question-image-button .media-surface img,.question-image-button .poster-concealed img{max-height:240px;max-width:100%;width:auto;height:auto;object-fit:contain}.media-context .question-image-button img{max-height:215px}.media-poster .question-image-button img{max-height:260px}.question-poster figcaption,.image-role-label{font-size:9px;line-height:1.5}.question-context{font-size:11px!important;line-height:1.7!important}.choices-grid{grid-template-columns:1fr 1fr;gap:8px}.choice{font-size:15px;min-height:44px;padding:9px 10px;gap:7px;border-radius:10px;line-height:1.45;overflow-wrap:break-word}.choice span{font-size:10px;padding:2px 5px}.question-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:12px}.question-actions>div{flex:1 1 100%;font-size:12px}.question-actions>.btn{width:100%;font-size:15px;min-height:44px;padding:10px 16px}.phase-label{font-size:12px!important;line-height:1.6!important}.keyboard-hint{display:none}.question-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;position:static;order:1}.question-sidebar .score-panel{padding:13px 9px;gap:9px;border-radius:14px}.question-sidebar .score-identity h3{font-size:14px;margin-bottom:0}.question-sidebar .score-identity strong{display:none}.question-sidebar .aid-group{gap:10px 6px;grid-template-columns:1fr 1fr}.question-sidebar .aid-item{font-size:10px!important;line-height:1.4}.question-sidebar .aid-circle{width:32px;height:32px}.question-sidebar .aid-circle svg{width:18px;height:18px}.question-sidebar .transfer-note{grid-column:1/-1;font-size:11px!important;padding:10px}.hint-box{font-size:15px;padding:11px 13px;line-height:1.85}.answer-box{padding:18px 16px;border-radius:15px}.answer-box h2{font-size:29px;line-height:1.45}.answer-box p{font-size:15px;line-height:1.9}.answer-box small{font-size:11px}.award-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.award-option{padding:12px 6px;font-size:12px;min-width:0;border-radius:11px}.award-option strong{font-size:22px}.award-option small{font-size:10px}.who-title{font-size:20px}.career-route{grid-template-columns:repeat(3,minmax(0,1fr))}.career-club strong{font-size:13px}.career-years,.career-note{font-size:11px}.career-instructions{font-size:12px}.question-audio{padding:16px}.audio-heading{font-size:18px}.question-audio p{font-size:14px}.result-hero{padding:13px 0 6px;max-width:500px}.result-trophy{width:65px;height:65px;margin-bottom:13px}.result-trophy svg{width:38px;height:38px}.result-hero h1{font-size:32px;line-height:1.45;margin:6px 0 9px}.result-hero>p{font-size:15px;line-height:1.8}.result-hero .eyebrow{font-size:11px}.result-scores{grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 16px}.result-team{padding:18px 10px;border-radius:16px}.result-team h3{font-size:16px}.result-team strong{font-size:38px;margin:6px 0;line-height:1.3}.result-team small{font-size:10px;line-height:1.7}.result-recap{padding:13px 0;margin-bottom:20px;border-radius:14px}.result-recap strong{font-size:20px}.result-recap span{font-size:12px}.result-buttons{gap:9px}.result-buttons .btn{font-size:15px;min-height:46px}.round-log{margin:20px auto}.round-log summary{font-size:15px}.history-grid{grid-template-columns:1fr;gap:16px}.history-card{padding:20px}.history-card h3{font-size:22px}.history-score{gap:12px}.history-score strong{font-size:29px}.history-card p{font-size:13px}.party-progress{padding:18px}.party-progress strong{font-size:17px}.party-progress .tiny{font-size:12px}.party-dots{gap:7px}.party-dots span{font-size:13px;width:30px;height:30px}.auth-layout{display:block;margin:24px auto;border-radius:20px;min-height:0}.auth-form{padding:26px 22px}.auth-form h1{font-size:28px}.auth-form>p{font-size:14px}.auth-art{display:none}.auth-form .form-field{margin:20px 0}.auth-form .notice{font-size:12px;margin-top:17px!important}.form-field label{font-size:15px;line-height:1.6}.input{font-size:16px;min-height:47px;padding:10px 13px}.auth-bottom{font-size:13px;line-height:2.1}.auth-bottom button{font-weight:500}.panel{padding:21px;border-radius:18px}.account-layout{display:grid;grid-template-columns:1fr;gap:18px}.account-layout .panel h2{font-size:23px}.account-layout .notice strong{font-size:16px}.account-layout .tiny{font-size:12px}.account-layout .controls-row{gap:7px;margin:15px 0 0}.account-layout .text-btn{font-size:12px;padding:6px}.theme-row{gap:8px;flex-wrap:wrap}.theme-option{font-size:13px;padding:8px 10px}.shop-hero{padding:23px;border-radius:19px}.shop-hero .page-title{font-size:30px;line-height:1.45}.shop-hero p{font-size:15px}.shop-balance{font-size:13px;padding:6px 12px}.shop-packages{grid-template-columns:1fr;gap:14px}.shop-package{padding:21px;border-radius:18px;gap:11px}.shop-package h2{font-size:21px}.shop-package>strong{font-size:34px;min-height:0}.package-price{padding-top:13px}.package-price b{font-size:40px}.package-tag{font-size:12px!important}.shop-package strong small{font-size:18px}.package-cta{font-size:14px!important;padding:10px}.package-unit{font-size:12px!important}.shop-checkout{padding:19px}.shop-checkout h2{font-size:21px}.shop-checkout label{font-size:13px}.shop-checkout form{margin:14px 0}.shop-checkout .controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;flex-wrap:nowrap}.shop-checkout .controls-row .btn{margin:0;min-width:70px;font-size:14px;padding:10px 15px}.shop-checkout .input{min-width:0}.shop-checkout>.btn.full{width:100%}.shop-order{padding:17px 0}.shop-order p{font-size:13px}.reports-grid,.report-stats{gap:10px}.report-stat{padding:17px 12px}.report-stat strong{font-size:27px}.report-stat small{font-size:11px}.modal{padding:24px 20px;max-width:calc(100vw - 30px);border-radius:21px}.modal h2{font-size:23px}.modal p{font-size:14px;line-height:1.85}.modal .form-field label{font-size:14px}.modal .notice{font-size:12px}.modal .btn{font-size:15px}.modal .form-field{margin:18px 0}.modal .review-question-text{font-size:22px;line-height:1.7}.contact-form .input{font-size:16px}.legal{padding-block:26px!important;padding-inline:22px!important}.legal h1{font-size:30px!important}.legal h2{font-size:22px!important}.legal p,.legal li{font-size:15px!important;line-height:1.95!important}.legal nav{font-size:13px}.account-access{margin:30px auto;padding:0 20px}.account-access .panel{padding:25px 22px}.account-access h1{font-size:27px}.account-access p{font-size:14px}.account-access .brand{margin-bottom:25px}.account-access .btn{font-size:15px}.charades-panel{padding:17px}.charades-panel strong{font-size:23px}.charades-panel p{font-size:14px}.customer-tabs{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:60;justify-content:space-around;gap:0;background:#fffffffa;border-top:1px solid #eceae5;backdrop-filter:blur(12px);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.customer-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:55px;padding:2px 10px;flex:1;border-radius:12px;font-size:11px;font-weight:400;color:#8d979d;line-height:1.4;position:relative}.customer-tabs .ui-icon{width:22px;height:22px;stroke-width:1.5}.customer-tabs .active{color:var(--accent-dark);font-weight:500;background:transparent}.customer-tabs .active:before{content:'';position:absolute;top:-9px;width:18px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}body:has(.customer-tabs){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.shop-page{padding-bottom:36px}
}
@media(max-width:380px){.shell{padding-inline:16px}.hero-copy h1{font-size:35px}.hero-copy p{font-size:15px}.page-title{font-size:28px}.category-browser .category-grid{gap:10px}.cat-bottom h3{font-size:15px}.selected-sidebar{padding:13px}.picked-row span{font-size:12px}.score-chip{padding:8px 11px}.score-chip span{font-size:13px}.score-chip strong{font-size:20px}.question-text{font-size:23px}.game-top .brand-name{font-size:18px}.aid-tile-name{font-size:11px}.result-hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){
 .picked-team{width:100%;max-width:100%}.picked-team h3 small{font-size:11px}.selected-sidebar{z-index:auto}.sticky-selection{z-index:20}
 .category-page .back-link{margin-bottom:9px}.category-page .setup-heading{position:relative;gap:8px;margin-bottom:16px}.category-page .setup-heading .eyebrow{display:none}.category-page .setup-heading .page-title{font-size:28px;padding-inline-end:88px}.category-page .setup-heading>.btn{position:absolute;top:4px;left:0;font-size:11px;padding:6px 8px;min-height:30px;max-width:88px}.category-page .page-subtitle{font-size:14px;line-height:1.8}.category-page .selection-roles{display:none}.category-page .selected-sidebar{padding:13px 14px}.category-page .selected-sidebar h2{margin-bottom:10px}.category-page .picked-team{margin-top:9px;gap:5px}.category-page .picked-row{min-height:30px;padding:3px 7px 3px 3px;gap:5px}.category-page .picked-row span{font-size:12px}.category-page .picked-row button{height:24px;width:24px;min-width:24px;min-height:24px}.category-page .random-source-sidebar .primary-selection-summary{display:none}
}
/* Keep full navigation available on portrait tablets as well. */
@media(min-width:761px) and (max-width:980px){
 .nav-links{display:none}.customer-tabs{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:60;justify-content:space-around;background:#fffffffa;border-top:1px solid var(--line);backdrop-filter:blur(12px);padding:8px 18px calc(8px + env(safe-area-inset-bottom))}.customer-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:2px 14px;flex:1;font-size:12px;line-height:1.4;color:#8d979d;position:relative}.customer-tabs .ui-icon{width:23px;height:23px;stroke-width:1.5}.customer-tabs .active{color:var(--accent-dark);font-weight:500}.customer-tabs .active:before{content:'';position:absolute;top:-9px;width:20px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}body:has(.customer-tabs){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sticky-selection{bottom:83px}
}

/* 43: one safe-area owner for iOS edge-to-edge web views. */
html,body{background:var(--bg,#fbfaf8)}
body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.customer-tabs{isolation:isolate;z-index:100;transform:translateZ(0)}
.customer-tabs button{touch-action:manipulation;cursor:pointer;pointer-events:auto}
.customer-tabs button>*{pointer-events:none}

/* Keep the status-bar area opaque while content scrolls beneath it. */
body::before{content:'';position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg,#fbfaf8);z-index:101;pointer-events:none}
.shop-skeleton .panel{min-height:270px;display:flex;flex-direction:column;gap:28px}.shop-skeleton span{height:28px;width:65%;background:#eeece7;border-radius:8px;animation:shop-pulse 1s ease-in-out infinite alternate}.shop-skeleton span:nth-child(2){height:65px;width:40%}.shop-skeleton span:last-child{width:100%;margin-top:auto}@keyframes shop-pulse{to{opacity:.45}}@media(prefers-reduced-motion:reduce){.shop-skeleton span{animation:none}}
/* 50: each category occupies one column; undo legacy span rules. */
.board .board-card{grid-column:auto;box-shadow:0 6px 24px #20382b08;border-radius:22px;transition:transform .18s,box-shadow .18s}
.board .board-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #20382b12}
.board .board-image,.board .board-card:nth-child(n+5) .board-image{height:150px}
.board .board-image img[src$='.svg']{object-fit:cover;padding:0;background:transparent}
.board .board-image:after{inset:45% 0 0;background:linear-gradient(transparent,#122525d9)}
.board .board-image h2{font-size:18px;font-weight:600;bottom:12px;margin:0;line-height:1.5}
.board .point{border-radius:13px;min-height:58px;background:#fff2e7;color:#c85b26;font-size:22px;border:1px solid #f5dfcd;box-shadow:0 2px 0 #efddcf;transition:background .15s,transform .15s}
.board .point:hover:not(:disabled){background:#f47435;color:white;transform:translateY(-2px)}
.board .point.used{box-shadow:none;background:#f2f2ef;color:#9aada0;border-color:transparent}
.board .board-col-labels{font-size:11px;color:#707c77}
.board .board-card.random{background:#f1f6f3;border-color:#b4ccbc}
.board .random-art{background:radial-gradient(circle at 50% 40%,#467c66,#173e34);color:#fff}
.board .random-art .big-question{color:#ead4a4;text-shadow:0 0 30px #dcd0a84d}
.board .board-image small{background:#ffffffed;color:#294d3d;max-width:85%;font-size:10px}
@media(min-width:1500px){.board{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.game-shell{max-width:1900px}.board .board-image h2{font-size:16px}.board .point{min-height:62px}}
@media(min-width:760px) and (max-width:1499px){.board{grid-template-columns:repeat(4,minmax(0,1fr))}.board .board-card.random{grid-column:span 2}}
@media(max-width:759px){.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board .board-card.random{grid-column:1/-1}.board .board-image,.board .board-card:nth-child(n+5) .board-image{height:120px}.board .board-image h2{font-size:15px}.board .point{min-height:49px;font-size:21px}.board .board-content{padding:9px}}
.question-main{box-shadow:0 10px 32px #183d3008;border-color:#e8e6df}
.question-text{font-size:clamp(24px,2.2vw,36px);line-height:1.7;max-width:1000px;margin:20px auto}
.question-image-button{background:#f7f6f2;border:1px solid #e9e7df;border-radius:20px}
@media(prefers-reduced-motion:reduce){.board .board-card,.board .point{transition:none}.board .board-card:hover,.board .point:hover:not(:disabled){transform:none}}