/* RAADMAR 13.33: one visual language, adapted to the chosen theme. */
.experience-page{--experience-accent:#7754ce;--experience-soft:#f1ebff;background:radial-gradient(ellipse at 90% 0,#eae3ff,transparent 38rem),#f8f7fb;color:#292039}
.experience-page[data-theme=mint]{--experience-accent:#197a70;--experience-soft:#e4f5ef;background:radial-gradient(ellipse at 90% 0,#d6f0e6,transparent 38rem),#f8faf8}
.experience-page[data-theme=amber]{--experience-accent:#a46217;--experience-soft:#fff1d8;background:radial-gradient(ellipse at 90% 0,#ffedc4,transparent 38rem),#fffcf5}
.experience-page[data-theme=rose]{--experience-accent:#ac4269;--experience-soft:#ffebf2;background:radial-gradient(ellipse at 90% 0,#faddE9,transparent 38rem),#fcf8fa}
.experience-page .shell{width:min(100%,640px);padding:18px 18px 50px}
.experience-page .brand-logo-header{margin-bottom:8px}
.experience-page .brand-logo-header .brand-logo-image{width:150px;height:150px}
body.experience-page.compact-game-brand .brand.brand-logo-header .brand-logo-image{width:94px;height:94px;object-fit:contain;background:transparent;border:0;box-shadow:none;border-radius:18px}
.experience-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:700;color:#665775}
.experience-tools button{flex-shrink:0;border:1px solid #dcd2e8;background:#ffffffb8;color:#584467;padding:9px 12px;border-radius:99px;font:inherit;cursor:pointer;min-height:40px}
.experience-tools button[aria-pressed=true]{background:#38244e;color:white}
.experience-hero{position:relative;overflow:hidden;text-align:left;padding:29px 28px 24px;margin:0 0 23px;border-radius:28px;background:#271a3e;color:#fff;box-shadow:0 17px 38px #3820521a}
.experience-hero:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #ffffff1c;border-radius:50%;right:-95px;top:-50px;box-shadow:0 0 0 38px #ffffff04,0 0 0 76px #ffffff03;pointer-events:none}
.experience-hero .pill{background:#ffffff13;color:#d9c8ff;font-size:10px;padding:6px 10px;letter-spacing:.1em}
.experience-hero h1{position:relative;z-index:1;font-size:clamp(36px,8vw,51px);letter-spacing:-2px;line-height:1.04;font-weight:850;margin:23px 0 18px;max-width:450px}
.hero-dot{color:#ffc15b}.experience-hero p{font-size:16px;line-height:1.5;color:#d8cee6}
.hero-bubble{position:relative;display:inline-flex;gap:12px;align-items:center;background:#f8c568;color:#382341;border-radius:14px 14px 14px 3px;padding:10px 15px;font-size:14px;font-weight:800;margin:21px 0 23px;transform:rotate(-2deg)}
.hero-bubble span{font-size:22px;line-height:1}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #ffffff20;padding-top:15px;color:#d5c9e3;font-size:11px;font-weight:650}
.hero-meta span:before{content:'✦';color:#cfb5ff;margin-right:7px}
.experience-page .card{border:1px solid #e7deed;border-radius:23px;background:#fff;box-shadow:0 10px 30px #39205105}
.experience-page #create-game-form{padding:23px;gap:15px}.experience-page .setup-intro{background:transparent;border:0;padding:0 0 17px;border-bottom:1px solid #eee7f2;border-radius:0}
.section-kicker{font-size:10px;letter-spacing:.14em;color:var(--experience-accent);font-weight:850}
.theme-picker{margin-top:8px}.theme-picker h2{font-size:23px;letter-spacing:-.6px;margin:7px 0 17px;line-height:1.2}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 17px}
.theme-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;border:1px solid #e5deeb;background:#fff;border-radius:16px;padding:15px 13px;cursor:pointer;color:#33253f;min-width:0;transition:border-color .15s,background .15s,transform .15s;font:inherit}
.theme-tile:hover{transform:translateY(-2px);border-color:#a390bc}.theme-tile[aria-pressed=true]{border:2px solid var(--experience-accent);padding:14px 12px;background:var(--experience-soft)}
.theme-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#efe9fc;font-size:23px;line-height:1}
.theme-tile[data-tone=mint] .theme-icon{background:#e3f4eb}.theme-tile[data-tone=amber] .theme-icon{background:#fff1d0}.theme-tile[data-tone=rose] .theme-icon{background:#ffe7ef}
.theme-copy small{display:block;font-size:10px;color:#706378;font-weight:600;line-height:1.4;margin-bottom:3px}.theme-copy strong{display:block;font-size:14px;line-height:1.25;overflow-wrap:anywhere;font-weight:800}
.theme-check{display:none;position:absolute;right:12px;top:12px;border-radius:50%;background:var(--experience-accent);color:#fff;font-size:10px;line-height:19px;width:19px;text-align:center}.theme-tile[aria-pressed=true] .theme-check{display:block}
.theme-preview{margin:10px 0 0;padding:13px 15px;border-left:3px solid var(--experience-accent);background:var(--experience-soft);border-radius:0 11px 11px 0;color:#4c3a5d;font-size:13px;line-height:1.5}.theme-preview strong{font-weight:600;display:block}.theme-preview span{display:block;font-size:12px;opacity:.85;margin-top:6px}
.experience-page .btn.primary{background:linear-gradient(120deg,#6240a2,#3b235b);box-shadow:0 6px 15px #52357d1c}.experience-page .game-options summary{background:#faf8fc}.experience-page .game-options{border-color:#e8e1ed}
.experience-page input:focus,.experience-page select:focus,.experience-page textarea:focus{outline:2px solid var(--experience-accent);outline-offset:2px}
.experience-page button:focus-visible,.experience-page summary:focus-visible,.experience-page a:focus-visible{outline:3px solid #9a70dd;outline-offset:3px}
.experience-page .mode-card input:focus-visible+span{outline:3px solid #9a70dd;outline-offset:3px}
.experience-page .question-box{background:var(--experience-soft);border-color:#ded2e6}.experience-page .question-box strong{color:var(--experience-accent)}
.experience-page .answer-result-row{animation:answer-arrives .45s both;animation-delay:calc(var(--reveal-order,0)*.07s)}
@keyframes answer-arrives{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.round-standings{margin-top:20px;border:1px solid #e6dfed;border-radius:14px;overflow:hidden}.round-standings summary{cursor:pointer;min-height:48px;padding:14px 16px;font-size:14px;font-weight:750;background:#faf8fc}.standing-row{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid #eee8f3;font-size:14px}.standing-row.is-me{background:var(--experience-soft)}.standing-row strong{flex-shrink:0}.standing-row span{overflow-wrap:anywhere}
.experience-page #winner-result{position:relative;overflow:hidden;background:#2b1b43;border:0;color:white;border-radius:21px;padding:24px 18px}.experience-page #winner-result>span{color:#d5baff}.experience-page #winner-result>strong{color:#ffe0a3;overflow-wrap:anywhere}.experience-page #winner-result>small{color:#ddd0ec}
.personal-finale{text-align:center;margin:22px 0 17px;padding:18px 16px;border-radius:16px;background:var(--experience-soft)}.personal-finale>span{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--experience-accent)}.personal-finale strong{display:block;font-size:20px;line-height:1.2;margin:9px 0}.personal-finale p{font-size:13px;margin:0;color:#665574}
#share-result-status{margin:10px 0 20px;font-size:12px;overflow-wrap:anywhere}.experience-page .score-person{min-width:0}.experience-page .score-person strong{overflow-wrap:anywhere}
@media(min-width:600px){.theme-tile{flex-direction:row;align-items:center;min-height:97px;padding-right:22px}.theme-tile[aria-pressed=true]{padding-right:21px}.theme-icon{flex-shrink:0}.experience-page .shell{padding-top:16px}}
@media(max-width:380px){.experience-page .shell{padding-left:12px;padding-right:12px}.experience-page #create-game-form{padding:18px}.theme-grid{gap:7px}.theme-tile{padding:12px 10px}.theme-tile[aria-pressed=true]{padding:11px 9px}.theme-copy strong{font-size:13px}.experience-hero{padding:25px 21px}.experience-hero h1{font-size:35px}.experience-tools{font-size:11px}}
@media(prefers-reduced-motion:reduce){.experience-page *, .experience-page *:before,.experience-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.theme-tile:hover{transform:none}}