body.ux-quiz-select{--sel-brand:#ad3103;--sel-panel:#fff5e1;--sel-form:#efdbaddf;--sel-border:#9f542945;--sel-label:#63300f;--sel-accent:#ebce8f;--sel-text:#fffdf8;--sel-muted:#ead6b3;--sel-action:#ad3103;--sel-action-text:#fff;--ux-gold:#ad3103;margin:0;background:#72230b url('/assets/img/7nkh_Background.webp') center/cover fixed;color:#fffdf8}
.ux-quiz-select .categories-list{display:grid;gap:26px;min-width:0}
.ux-quiz-select .category-group{position:relative;min-width:0;padding:22px 24px 26px;scroll-margin-top:18px;background:#efdbadc9;border:1px solid #f6e7c976;border-radius:14px;box-shadow:0 7px 20px #35100030}
.ux-quiz-select .category-group h4{font-size:24px;color:#963000;margin:0 0 18px;text-align:center;line-height:1.4;font-weight:800}
.ux-quiz-select .category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.ux-quiz-select .sub-card{position:relative;min-width:0;align-self:start;border-radius:12px;transition:transform .18s;isolation:isolate}
.ux-quiz-select .sub-select{display:block;position:relative;padding:0;width:100%;aspect-ratio:1;min-width:0;border:0;border-radius:12px;overflow:hidden;background:#5c280d;cursor:pointer;box-shadow:0 4px 10px #3d190638;color:#fff;transition:transform .18s,box-shadow .18s}
.ux-quiz-select .sub-select img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.ux-quiz-select .sub-name{position:absolute;bottom:0;right:0;left:0;display:block;padding:22px 8px 8px;background:linear-gradient(transparent,#220b00e8);font-size:16px;font-weight:700;text-align:center;line-height:1.4;overflow-wrap:anywhere;text-shadow:0 1px 3px #000}
.ux-quiz-select .sub-card.selected .sub-select{outline:4px solid #ad3103;outline-offset:2px;box-shadow:0 5px 14px #8c2b0060}
.ux-quiz-select .sub-card.selected::after{content:'✓';position:absolute;bottom:9px;left:9px;border-radius:50%;background:#ad3103;color:#fff;width:24px;height:24px;display:grid;place-items:center;font-size:15px;font-weight:700;pointer-events:none}
.ux-quiz-select .sub-card.disabled .sub-select{cursor:not-allowed}
.ux-quiz-select .sub-card.disabled img{filter:saturate(.6);opacity:.72}
.ux-quiz-select .sub-badge{position:absolute;top:7px;right:7px;padding:3px 7px;border-radius:6px;background:#ad3103;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0003}
.ux-quiz-select .sub-badge.unavailable{background:#422a1ee8;color:#fff0d6}
.ux-quiz-select .sub-logo{position:absolute;top:7px;left:7px;max-width:calc(100% - 82px);min-height:32px;padding:3px 8px;border:1px solid #fff6;background:#25160bdf;color:#fff4df;border-radius:7px;font-size:12px;font-weight:700;cursor:help;overflow-wrap:anywhere;z-index:2}
.ux-quiz-select .sub-card.info-open{z-index:12}
.ux-quiz-select .sub-logo-label{display:flex;align-items:center;cursor:default;pointer-events:none}
.ux-quiz-select .sub-description{position:absolute;right:0;bottom:calc(100% + 10px);z-index:10;width:min(300px,calc(100vw - 28px));padding:15px 17px;border:1px solid #e6be75;border-radius:10px;background:#fff5e1;color:#4a260f;box-shadow:0 7px 25px #2c0e0050;font-size:15px;line-height:1.7;text-align:right;overflow-wrap:anywhere}
.ux-quiz-select .info-below .sub-description{bottom:auto;top:calc(100% + 10px)}
.ux-quiz-select .info-align-left .sub-description{right:auto;left:0}
.ux-quiz-select .selection-summary{display:none}
.ux-quiz-select .quiz-selection-status{color:#74360c;font-size:15px;font-weight:700}
.ux-quiz-select .quiz-selection-status .ux-counter{color:#74360c}
.ux-quiz-select .selection-dots{position:fixed;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:45;padding:8px 6px;border-radius:24px;background:#5a1706aa;box-shadow:0 4px 14px #0003;pointer-events:none}
.ux-quiz-select .selection-dot{width:32px;height:32px}
.ux-quiz-select .selection-dot-icon{width:100%;height:100%;object-fit:contain;opacity:.45;filter:grayscale(1);transition:opacity .18s,filter .18s}
.ux-quiz-select .selection-dot-icon.is-active{opacity:1;filter:none}
.ux-quiz-select .selection-dot-icon.spin{animation:theban-head-turn .6s ease-out}
.ux-quiz-select .category-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:1400px;margin:0 auto 22px;padding-inline:40px}
.ux-quiz-select .category-nav a{display:flex;align-items:center;min-height:40px;border:1px solid #ebce8f80;border-radius:8px;background:#923009;color:#fff0cc;padding:6px 13px;text-decoration:none;font-size:14px;font-weight:700;max-width:100%;overflow-wrap:anywhere}
.ux-quiz-select .scroll-top-btn{position:fixed;bottom:20px;right:15px;width:44px;height:44px;opacity:0;pointer-events:none;border:1px solid #ebce8f80;background:#ad3103;color:#fff;border-radius:10px;z-index:50;font-size:22px}
.ux-quiz-select .scroll-top-btn.is-visible{opacity:1;pointer-events:auto}
.ux-quiz-select .footer{margin:32px -24px 0;padding:20px;background:#3f1108bb;color:#ebce8f;text-align:center;font-size:13px}
@keyframes theban-head-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(hover:hover){.ux-quiz-select .sub-select:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 7px 17px #69230045}.ux-quiz-select .sub-logo:hover{background:#3c2107}}
@media(min-width:1600px){.ux-quiz-select .category-list{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.ux-quiz-select .category-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ux-quiz-select .category-group{padding:18px}.ux-quiz-select .sub-name{font-size:15px}}
@media(max-width:600px){.ux-quiz-select .picker{width:calc(100% - 34px);margin-inline-start:34px;margin-inline-end:0}.ux-quiz-select .category-group{padding:16px 10px 18px;border-radius:11px}.ux-quiz-select .category-group h4{font-size:21px;margin-bottom:14px}.ux-quiz-select .category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ux-quiz-select .sub-name{font-size:13px;padding:18px 5px 6px}.ux-quiz-select .sub-badge{font-size:10px;top:5px;right:5px;padding:2px 4px}.ux-quiz-select .sub-logo{font-size:11px;left:5px;top:33px;max-width:calc(100% - 10px);min-height:44px;padding:3px 6px}.ux-quiz-select .selection-dots{right:5px;padding:6px 3px;gap:5px}.ux-quiz-select .selection-dot{width:24px;height:24px}.ux-quiz-select .scroll-top-btn{right:5px;width:30px;min-height:40px;height:40px;font-size:18px}.ux-quiz-select .category-nav{padding-inline:28px;gap:6px}.ux-quiz-select .category-nav a{font-size:12px;padding:6px 9px}.ux-quiz-select .footer{margin-inline:-8px}.ux-quiz-select .sub-card .sub-description{position:fixed;inset:auto 42px 14px 10px;width:auto;max-height:45dvh;overflow:auto;font-size:14px}}