/* TypeWithFun Game Quality V18 */
:root{--gq-accent:#6ee7ff;--gq-accent2:#a78bfa;--gq-gold:#ffd166;--gq-good:#56e39f;--gq-danger:#ff6685;--gq-ink:#eef8ff;--gq-muted:#a9bfd2;--gq-panel:rgba(7,18,35,.92);--gq-border:rgba(142,205,255,.24)}
body.game-quality-v18{background-image:radial-gradient(circle at 12% 5%,rgba(63,208,255,.12),transparent 31rem),radial-gradient(circle at 92% 28%,rgba(164,118,255,.12),transparent 34rem),linear-gradient(180deg,#07111f,#040b15 55%,#07101d);background-attachment:fixed}
body.game-quality-v18:before,body.game-quality-v18:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px);opacity:.35;animation:gqFloat 14s ease-in-out infinite}
body.game-quality-v18:before{width:240px;height:240px;left:-80px;top:34%;background:radial-gradient(circle,rgba(55,210,255,.28),transparent 68%)}
body.game-quality-v18:after{width:300px;height:300px;right:-110px;top:13%;background:radial-gradient(circle,rgba(167,139,250,.25),transparent 68%);animation-delay:-5s}
@keyframes gqFloat{50%{transform:translateY(-30px) scale(1.08)}}
.game-quality-v18 canvas{image-rendering:auto;filter:saturate(1.08) contrast(1.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.36)}
.game-quality-v18 .panel,.game-quality-v18 .discovery-card,.game-quality-v18 .discovery-stage-shell,.game-quality-v18 .discovery-side-card,.game-quality-v18 .discovery-control-panel,.game-quality-v18 .game-panel,.game-quality-v18 .game-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.game-quality-v18 button,.game-quality-v18 .btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.game-quality-v18 button:hover:not(:disabled),.game-quality-v18 .btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(40,174,255,.18)}
.game-quality-v18 button:focus-visible,.game-quality-v18 .btn:focus-visible,.game-quality-v18 input:focus-visible,.game-quality-v18 select:focus-visible{outline:3px solid rgba(110,231,255,.9);outline-offset:3px}
.game-quality-v18 input[type=text],.game-quality-v18 .discovery-input,.game-quality-v18 .game-input{font-size:clamp(1.05rem,2vw,1.28rem);font-weight:700;letter-spacing:.02em;background:rgba(2,12,26,.92);border:1px solid rgba(130,214,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 34px rgba(0,0,0,.26)}
.game-quality-v18 .page-hero h1,.game-quality-v18 .discovery-hero h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.game-quality-v18 .page-hero p,.game-quality-v18 .discovery-hero p{font-size:clamp(1rem,1.7vw,1.17rem);line-height:1.72;color:#c1d5e7}
.gq-toolbar{position:fixed;right:14px;bottom:14px;z-index:10005;display:flex;gap:8px;padding:8px;border:1px solid rgba(149,213,255,.25);border-radius:18px;background:rgba(4,14,28,.9);box-shadow:0 18px 48px rgba(0,0,0,.38);backdrop-filter:blur(16px)}
.gq-toolbar button,.gq-toolbar a{display:grid;place-items:center;min-width:43px;height:43px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#eef9ff;text-decoration:none;font:700 13px/1 "Noto Sans Devanagari",system-ui,sans-serif;cursor:pointer}
.gq-toolbar button:hover,.gq-toolbar a:hover{background:rgba(110,231,255,.16);border-color:rgba(110,231,255,.45)}
.gq-modal{position:fixed;inset:0;z-index:10020;display:none;place-items:center;padding:20px;background:rgba(0,5,14,.82);backdrop-filter:blur(12px)}
.gq-modal.open{display:grid}
.gq-modal-card{width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;padding:28px;border:1px solid rgba(140,213,255,.3);border-radius:26px;background:linear-gradient(155deg,rgba(18,42,72,.98),rgba(5,14,29,.99));box-shadow:0 35px 90px rgba(0,0,0,.58);color:#eef9ff}
.gq-modal-card h2{margin:0 0 10px;font-size:clamp(1.55rem,4vw,2.3rem)}
.gq-modal-card p,.gq-modal-card li{color:#bfd2e3;line-height:1.65}
.gq-modal-card ol{padding-left:1.25rem}
.gq-modal-actions{display:flex;justify-content:flex-end;margin-top:20px}
.gq-objective{margin:12px 0 0;padding:14px 16px;border-left:4px solid var(--gq-accent);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(110,231,255,.11),rgba(110,231,255,.02));color:#dff7ff;font-weight:650;line-height:1.55}
.gq-start-pulse{animation:gqStartPulse 2.2s ease-in-out infinite}
@keyframes gqStartPulse{50%{box-shadow:0 0 0 8px rgba(110,231,255,0),0 16px 38px rgba(48,194,255,.2)}0%,100%{box-shadow:0 0 0 0 rgba(110,231,255,.24)}}
.gq-confetti{position:fixed;inset:0;z-index:10012;pointer-events:none;overflow:hidden}
.gq-confetti i{position:absolute;top:-22px;width:10px;height:18px;border-radius:3px;animation:gqFall 1.8s ease-in forwards;transform:rotate(var(--r));background:var(--c)}
@keyframes gqFall{to{transform:translate3d(var(--x),105vh,0) rotate(calc(var(--r) + 720deg));opacity:.25}}
.gq-toast{position:fixed;left:50%;bottom:78px;z-index:10030;transform:translate(-50%,20px);opacity:0;padding:12px 18px;border:1px solid rgba(110,231,255,.35);border-radius:14px;background:rgba(4,15,31,.95);color:#eaffff;font-weight:700;transition:.25s;pointer-events:none;box-shadow:0 14px 40px rgba(0,0,0,.42)}
.gq-toast.show{opacity:1;transform:translate(-50%,0)}
/* Rich discovery scenes */
.discovery-scene-v18{position:absolute;inset:0;overflow:hidden;border-radius:20px;background:#10243b}
.discovery-scene-v18 svg{display:block;width:100%;height:100%}
.v18-scene-object{transform-box:fill-box;transform-origin:center;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.9,.2,1),filter .25s ease;filter:drop-shadow(0 6px 4px rgba(0,0,0,.24));pointer-events:none}
.v18-scene-object.target{filter:drop-shadow(0 0 8px rgba(255,224,108,.9)) drop-shadow(0 7px 4px rgba(0,0,0,.24))}
.v18-scene-object.found{opacity:0;transform:scale(.15) rotate(22deg)}
.v18-scene-spark{animation:v18Spark .8s ease-out forwards;transform-box:fill-box;transform-origin:center}
@keyframes v18Spark{from{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.7)}}
.scene-zoom-tools{position:absolute;right:14px;top:52px;z-index:8;display:flex;gap:6px;padding:6px;border-radius:14px;background:rgba(3,12,25,.78);border:1px solid rgba(255,255,255,.18)}
.scene-zoom-tools button{width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:1.1rem;cursor:pointer}
.scene-canvas-pan{position:absolute;inset:0;transform-origin:center;transition:transform .22s ease}
.discovery-scene.is-zoomed{cursor:grab}.discovery-scene.is-zoomed:active{cursor:grabbing}
.v18-evidence-string{position:absolute;height:2px;background:linear-gradient(90deg,#f66,#ffcf68);transform-origin:0 50%;opacity:.8;pointer-events:none}
.suspect-card-v18{position:relative;overflow:hidden;padding-top:104px!important}
.suspect-portrait-v18{position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(145deg,rgba(99,197,255,.2),rgba(163,104,255,.2));display:grid;place-items:center}
.suspect-portrait-v18 svg{width:74px;height:88px}
.story-illustration-v18{position:absolute;inset:0;overflow:hidden;border-radius:20px}
.story-illustration-v18 svg{width:100%;height:100%;display:block}
.story-illustration-v18 .v18-cloud{animation:v18Cloud 18s linear infinite}
@keyframes v18Cloud{to{transform:translateX(180px)}}
.quiz-visual-v18{display:grid;place-items:center;width:clamp(82px,12vw,130px);height:clamp(82px,12vw,130px);flex:0 0 auto;border-radius:28px;background:linear-gradient(145deg,rgba(99,218,255,.2),rgba(167,139,250,.18));border:1px solid rgba(139,220,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.quiz-visual-v18 svg{width:76%;height:76%}
.quiz-question-card.v18{display:flex;gap:20px;align-items:center;padding:clamp(20px,4vw,34px);min-height:230px;background:radial-gradient(circle at 90% 10%,rgba(99,218,255,.15),transparent 40%),linear-gradient(145deg,rgba(17,42,74,.97),rgba(5,16,32,.98))}
.quiz-question-card.v18 h2{font-size:clamp(1.55rem,3.4vw,2.55rem);line-height:1.26;max-width:26ch;text-wrap:balance}
.quiz-question-card.v18 small{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(110,231,255,.12);color:#8eeaff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.quiz-difficulty-note{margin-top:10px;color:#a9bfd2;font-size:.92rem}
.balloon-canvas{background:#79d4ff}
@media(max-width:760px){.gq-toolbar{right:8px;bottom:8px}.gq-toolbar button,.gq-toolbar a{min-width:40px;height:40px;padding:0 9px}.quiz-question-card.v18{align-items:flex-start;flex-direction:column}.quiz-visual-v18{width:84px;height:84px}.scene-zoom-tools{top:46px;right:8px}.gq-objective{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){body.game-quality-v18:before,body.game-quality-v18:after,.gq-start-pulse,.story-illustration-v18 .v18-cloud{animation:none!important}.v18-scene-object{transition:none}}
/* V18 rebuilt game worlds */
.v18-game-page main{padding-bottom:80px}.v18-game-shell{width:min(1180px,calc(100% - 28px));margin:34px auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.v18-game-stage,.v18-game-side{border:1px solid var(--gq-border);border-radius:25px;background:linear-gradient(155deg,rgba(16,40,70,.96),rgba(4,14,28,.98));box-shadow:0 26px 70px rgba(0,0,0,.36);overflow:hidden}.v18-game-stage{min-height:620px}.v18-game-side{padding:20px;height:max-content}.v18-game-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.v18-game-head h1{margin:0;font-size:clamp(1.45rem,3vw,2.25rem)}.v18-controls{display:flex;gap:8px;flex-wrap:wrap}.v18-controls select,.v18-controls button{min-height:42px;border:1px solid rgba(139,215,255,.24);border-radius:12px;background:#0b2037;color:#eef9ff;padding:0 12px;font:700 14px "Noto Sans Devanagari",sans-serif}.v18-visual-stage{position:relative;min-height:420px;overflow:hidden;background:#071629}.v18-visual-stage>svg{width:100%;height:100%;min-height:420px;display:block}.v18-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;background:rgba(2,10,22,.8)}.v18-hud div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04);text-align:center}.v18-hud span{display:block;color:#96aec3;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.v18-hud strong{font-size:1.25rem}.v18-command{padding:18px;background:rgba(5,17,34,.95);border-top:1px solid rgba(255,255,255,.1)}.v18-command-label{color:#9bb5ca;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.v18-target-text{margin:7px 0 12px;color:#fff;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:800;line-height:1.55}.v18-target-text .done{color:#68e7ac}.v18-target-text .current{background:#ffd166;color:#1e2630;border-radius:4px}.v18-command input,.v18-command textarea{width:100%;box-sizing:border-box;border:1px solid rgba(112,220,255,.35);border-radius:14px;background:#031225;color:#f5fbff;padding:14px;font:700 1.07rem/1.55 "Noto Sans Devanagari",sans-serif;resize:vertical}.v18-message{min-height:26px;margin:10px 0 0;color:#a9c2d5}.v18-message.good{color:#68e7ac}.v18-message.bad{color:#ff8da2}.v18-side-section{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.v18-side-section:first-child{padding-top:0}.v18-side-section:last-child{border:0}.v18-side-section h2,.v18-side-section h3{margin:0 0 9px}.v18-side-section p,.v18-side-section li{color:#b6ccdd;line-height:1.62}.v18-map{display:grid;gap:8px}.v18-map-step{display:flex;gap:10px;align-items:center;padding:9px;border-radius:12px;background:rgba(255,255,255,.04);color:#96aec3}.v18-map-step:before{content:"";width:13px;height:13px;border-radius:50%;background:#40556a;border:2px solid #8297a8}.v18-map-step.done{color:#dff9eb;background:rgba(86,227,159,.1)}.v18-map-step.done:before{background:#56e39f;border-color:#b8f8d7}.v18-map-step.active{color:#fff;background:rgba(110,231,255,.12)}.v18-map-step.active:before{background:#6ee7ff;box-shadow:0 0 0 5px rgba(110,231,255,.12)}
.v18-bomb-device{position:absolute;left:50%;top:50%;width:min(520px,80%);height:290px;transform:translate(-50%,-50%);border-radius:34px;background:linear-gradient(145deg,#273646,#0d1621);border:8px solid #657686;box-shadow:0 28px 60px rgba(0,0,0,.55),inset 0 0 0 3px #111}.v18-bomb-screen{position:absolute;left:34px;top:30px;width:190px;height:100px;border:6px solid #101820;border-radius:15px;background:#18090c;color:#ff6375;display:grid;place-items:center;font:900 2.6rem monospace;text-shadow:0 0 16px #ff274d}.v18-wires{position:absolute;right:30px;top:36px;width:220px;height:190px}.v18-wire{position:absolute;left:0;width:210px;height:18px;border-radius:999px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}.v18-wire:nth-child(1){top:0;background:#f45b69}.v18-wire:nth-child(2){top:45px;background:#4fc3f7}.v18-wire:nth-child(3){top:90px;background:#ffd166}.v18-wire:nth-child(4){top:135px;background:#65d98b}.v18-wire.cut{opacity:.25;transform:scaleX(.44)}.v18-bomb-led{position:absolute;left:55px;bottom:45px;display:flex;gap:14px}.v18-bomb-led i{width:18px;height:18px;border-radius:50%;background:#304050;box-shadow:inset 0 0 0 3px #111}.v18-bomb-led i.on{background:#55e39f;box-shadow:0 0 16px #55e39f}.v18-boss-arena{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(114,80,190,.35),transparent 38%),linear-gradient(#17214a,#081020 65%)}.v18-boss-arena:before{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(180deg,#242e40,#0b111c)}.v18-boss-character{position:absolute;bottom:16%;width:150px;height:230px}.v18-hero{left:12%}.v18-enemy{right:11%;transform:scale(1.22)}.v18-boss-character svg{width:100%;height:100%;filter:drop-shadow(0 18px 12px rgba(0,0,0,.45))}.v18-health{position:absolute;top:24px;width:36%;height:28px;padding:5px;border-radius:999px;background:#07101b;border:2px solid rgba(255,255,255,.18)}.v18-health.hero{left:4%}.v18-health.boss{right:4%}.v18-health span{display:block;height:100%;border-radius:999px;transition:width .45s ease}.v18-health.hero span{background:linear-gradient(90deg,#4edb91,#a4f4c7)}.v18-health.boss span{background:linear-gradient(90deg,#ff536f,#ff9a6d)}.v18-battle-flash{position:absolute;inset:0;pointer-events:none;opacity:0}.v18-battle-flash.hit{animation:v18Hit .45s ease}.v18-battle-flash.heal{animation:v18Heal .55s ease}@keyframes v18Hit{50%{opacity:.8;background:radial-gradient(circle at 75% 55%,#fff,rgba(255,74,105,.45),transparent 34%)}}@keyframes v18Heal{50%{opacity:.8;background:radial-gradient(circle at 25% 60%,rgba(99,255,175,.75),transparent 35%)}}
@media(max-width:900px){.v18-game-shell{grid-template-columns:1fr}.v18-game-side{order:-1}.v18-game-stage{min-height:560px}.v18-hud{grid-template-columns:repeat(2,1fr)}}
body[data-game-id*="racer"],body[data-game-id*="race"]{--gq-accent:#51e1ff;--gq-accent2:#ff5b75}body[data-game-id*="castle"],body[data-game-id*="boss"],body[data-game-id*="survival"]{--gq-accent:#ffd166;--gq-accent2:#ff6685}body[data-game-id*="space"],body[data-game-id*="galaxy"],body[data-game-id*="flight"]{--gq-accent:#79a7ff;--gq-accent2:#bd79ff}body[data-game-id*="ninja"]{--gq-accent:#ff6c8a;--gq-accent2:#ffd166}body[data-game-id*="restaurant"]{--gq-accent:#ffb86b;--gq-accent2:#68e7ac}body[data-game-id*="rhythm"]{--gq-accent:#d37cff;--gq-accent2:#52dcff}body[data-game-id*="mystery"],body[data-game-id*="detective"],body[data-game-id*="hidden"]{--gq-accent:#ffd166;--gq-accent2:#70d8ff}body[data-game-id*="quiz"],body[data-game-id*="memory"]{--gq-accent:#68e7ac;--gq-accent2:#79a7ff}
.game-quality-v18 .game-world-canvas,.game-quality-v18 .advanced-game-canvas,.game-quality-v18 .word-flight-canvas,.game-quality-v18 .football-canvas{border:1px solid color-mix(in srgb,var(--gq-accent) 35%,transparent);border-radius:22px}
/* Games hub V18 */
.game-hub-v18 .page-hero{padding-bottom:20px}.game-hub-v18 .hero-card{background:radial-gradient(circle at 92% 15%,rgba(110,231,255,.19),transparent 36%),linear-gradient(145deg,rgba(18,46,77,.97),rgba(5,15,30,.98))}.game-hub-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.game-hub-summary span{padding:7px 11px;border:1px solid rgba(130,215,255,.22);border-radius:999px;background:rgba(255,255,255,.05);color:#cbe4f3;font-weight:700;font-size:.9rem}.game-category-v18{padding:28px 0}.game-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.game-category-head h2{margin:0;font-size:clamp(1.55rem,4vw,2.35rem)}.game-category-head p{margin:5px 0 0;color:#a9bfd2}.game-gallery-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card-v18{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:365px;border:1px solid rgba(133,211,255,.21);border-radius:23px;background:linear-gradient(155deg,rgba(18,42,70,.96),rgba(5,15,29,.99));text-decoration:none;color:#edf9ff;box-shadow:0 20px 55px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.game-card-v18:hover{transform:translateY(-7px);border-color:rgba(110,231,255,.58);box-shadow:0 28px 70px rgba(0,0,0,.42)}.game-thumb-v18{position:relative;height:180px;overflow:hidden;background:#132b48}.game-thumb-v18 svg{display:block;width:100%;height:100%;transition:transform .35s ease}.game-card-v18:hover .game-thumb-v18 svg{transform:scale(1.045)}.game-card-v18-body{display:flex;flex:1;flex-direction:column;padding:18px}.game-card-v18 h3{margin:0 0 8px;font-size:1.24rem}.game-card-v18 p{margin:0 0 15px;color:#aec5d6;line-height:1.55}.game-card-v18 .tag-row{margin-top:auto}.game-card-v18 .play-label{position:absolute;right:12px;top:142px;padding:8px 12px;border-radius:999px;background:#eafcff;color:#092033;font-weight:900;font-size:.82rem;box-shadow:0 8px 25px rgba(0,0,0,.28)}.game-card-v18.featured:after{content:"FEATURED";position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(3,16,32,.82);border:1px solid rgba(255,255,255,.22);font-size:.68rem;font-weight:900;letter-spacing:.1em;color:#fff}.game-quality-note{margin:20px 0;padding:16px 18px;border:1px solid rgba(110,231,255,.22);border-radius:18px;background:linear-gradient(90deg,rgba(110,231,255,.1),rgba(167,139,250,.06));color:#cce7f5;line-height:1.65}
@media(max-width:1080px){.game-gallery-v18{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.game-gallery-v18{grid-template-columns:repeat(2,minmax(0,1fr))}.game-category-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.game-gallery-v18{grid-template-columns:1fr}.game-card-v18{min-height:330px}.game-thumb-v18{height:165px}}
.detective-visual-v18{height:210px;margin:0 0 18px;border-radius:18px;overflow:hidden;border:1px solid rgba(135,215,255,.22);box-shadow:0 18px 40px rgba(0,0,0,.22)}.detective-visual-v18 svg{width:100%;height:100%;display:block}.world-suspect.v18{cursor:default;display:flex;flex-direction:column;gap:4px}.world-suspect.v18 strong{font-size:1rem}.world-suspect.v18 span{color:#a9bfd2;font-size:.86rem}

/* Standard five-level difficulty model V19 */
.gq-difficulty-guide{grid-column:1/-1;margin-top:12px;padding:13px;border:1px solid rgba(126,213,255,.22);border-radius:17px;background:linear-gradient(135deg,rgba(7,25,47,.86),rgba(15,17,42,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.gq-difficulty-guide>strong{display:block;margin:0 0 9px;color:#eaf8ff;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.gq-difficulty-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.gq-difficulty-levels span{display:flex;min-height:54px;flex-direction:column;justify-content:center;gap:3px;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);color:#9fb8cb;transition:.18s ease}
.gq-difficulty-levels b{font-size:.78rem;color:#d8e9f5}.gq-difficulty-levels small{font-size:.67rem;line-height:1.25}
.gq-difficulty-levels span.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gq-accent) 65%,white 8%);background:color-mix(in srgb,var(--gq-accent) 16%,rgba(5,17,34,.9));box-shadow:0 8px 24px color-mix(in srgb,var(--gq-accent) 13%,transparent)}
.gq-difficulty-levels span.active b{color:#fff}
.game-quality-v18 [data-standard-difficulty-control]{border-color:color-mix(in srgb,var(--gq-accent) 42%,rgba(255,255,255,.12));background-image:linear-gradient(135deg,rgba(110,231,255,.07),rgba(167,139,250,.07))}
@media(max-width:760px){.gq-difficulty-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.gq-difficulty-levels span:last-child{grid-column:1/-1}.gq-difficulty-guide{padding:11px}}

/* V20 automatic game difficulty */
.auto-difficulty-manual-hidden {
  display: none !important;
}

.auto-difficulty-panel {
  display: grid;
  gap: 10px;
  width: 100%;
  margin: 10px 0 14px;
  padding: 14px 16px;
  border: 1px solid rgba(110, 231, 255, .3);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(14, 30, 52, .94), rgba(25, 25, 55, .92));
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}

.auto-difficulty-heading {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  align-items: center;
}

.auto-difficulty-kicker {
  grid-row: 1 / 3;
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(110, 231, 255, .12);
  color: #9deeff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.auto-difficulty-heading strong {
  color: #fff;
  font-size: 1.05rem;
}

.auto-difficulty-heading small {
  color: rgba(226, 235, 255, .78);
  font-size: .78rem;
}

.auto-difficulty-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
}

.auto-difficulty-progress > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #67dff5, #a78bfa, #ff83c4);
  transition: width .28s ease;
}

.auto-difficulty-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(226, 235, 255, .72);
  font-size: .76rem;
}

.auto-difficulty-steps {
  display: flex;
  gap: 5px;
}

.auto-difficulty-steps i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}

.auto-difficulty-steps i.complete {
  background: #65e3a5;
}

.auto-difficulty-steps i.active {
  background: #6ee7ff;
  box-shadow: 0 0 0 4px rgba(110, 231, 255, .14);
}

.auto-difficulty-toast {
  position: fixed;
  z-index: 10050;
  left: 50%;
  top: 88px;
  display: grid;
  min-width: 230px;
  padding: 12px 18px;
  border: 1px solid rgba(110, 231, 255, .45);
  border-radius: 16px;
  background: rgba(6, 17, 33, .96);
  color: #fff;
  text-align: center;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .34);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -18px) scale(.96);
  transition: opacity .2s ease, transform .2s ease;
}

.auto-difficulty-toast.show {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.auto-difficulty-toast span {
  color: #6ee7ff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.auto-difficulty-toast strong {
  margin-top: 2px;
  font-size: 1.18rem;
}

.auto-difficulty-toast small {
  margin-top: 2px;
  color: rgba(226, 235, 255, .72);
}

@media (max-width: 640px) {
  .auto-difficulty-heading {
    grid-template-columns: 1fr;
  }
  .auto-difficulty-kicker {
    grid-row: auto;
    justify-self: start;
  }
  .auto-difficulty-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}