/* x25games R29 FIX18: exact ordered concatenation of four existing CSS assets. */
/* site.css */
@font-face{font-family:Inter;src:url('/assets/fonts/r29-inter-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/r29-inter-latin-500-normal.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/r29-inter-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/r29-inter-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/r29-inter-latin-800-normal.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
:root{color-scheme:light;--ink:#17233b;--navy:#0e1931;--mint:#8ef0bd;--teal:#146951;--mute:#607089;--bg:#f6f8fc;--line:#e4e9f1;--white:#fff;--radius:24px;--shadow:0 18px 55px rgba(18,32,64,.065);--ring:0 0 0 4px rgba(104,105,234,.14);--violet:#6859de;--blue:#255dd1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.68 Inter,system-ui,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}h1,h2,h3{line-height:1.13;letter-spacing:-.046em}h1{font-size:clamp(2.5rem,5.3vw,5.4rem);font-weight:800;margin:22px 0 27px}h2{font-size:clamp(1.8rem,3.5vw,3.15rem);font-weight:800;margin:8px 0 22px}h3{font-size:1.25rem;margin:12px 0}p{margin:.6em 0 1em}small,.small{font-size:.83rem;color:var(--mute)}.hidden{display:none!important}.skip{position:absolute;top:-90px;left:12px;background:white;color:#17233b;padding:10px 18px;z-index:9999}.skip:focus{top:10px}::selection{background:#b5a9ff;color:#101b2f}
/* Two-tier nav: polished and interactive, no width caps on copy or headings. */
.utility-bar{background:#111c36;color:#cad7f0;min-height:35px;font-size:.76rem;font-weight:700;letter-spacing:.015em}.utility-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px clamp(18px,4.6vw,85px)}.utility-pill{display:inline-flex;gap:8px;align-items:center;color:#fff}.utility-claim{opacity:.83}.utility-inner a{color:#b1ffcd;font-weight:800}.utility-inner a:hover{color:white}.utility-spark{color:#8fefbf}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7feab2;box-shadow:0 0 0 4px rgba(127,234,178,.12);animation:dot-pulse 2.6s ease-in-out infinite;flex:none}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,32px);padding:0 clamp(18px,4.6vw,85px);min-height:91px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ebf3;backdrop-filter:blur(18px);box-shadow:0 9px 30px rgba(18,32,64,.038);transition:box-shadow .25s,background .25s}.top.is-scrolled{background:rgba(255,255,255,.985);box-shadow:0 11px 28px rgba(16,31,71,.1)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.45rem;font-weight:800;letter-spacing:-.074em;color:#111d3a}.brand-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:linear-gradient(130deg,#6862ee,#2745bd);color:white;font-size:1.02rem;font-weight:800;letter-spacing:-.06em;box-shadow:0 8px 19px rgba(59,72,196,.24)}.brand-word{font-size:1.34rem;letter-spacing:-.07em}.brand-word span{color:#697386;font-weight:700;font-size:.77em}.nav-main{display:flex;align-items:center;justify-content:center;gap:7px}.nav-link{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:12px 14px;border:0;border-radius:12px;background:transparent;color:#34435e;font-weight:800;font-size:.86rem;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.nav-link:hover,.nav-link.is-active{background:#f0efff;color:#4d45bc}.nav-trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25;vertical-align:middle}.nav-chevron{display:block;flex:0 0 16px;width:16px;height:16px;align-self:center;transform-origin:50% 50%;transform:rotate(0deg);transition:transform .2s ease;pointer-events:none}.nav-dropdown{position:relative}.nav-dropdown.is-open .nav-chevron,.nav-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}.nav-menu{position:absolute;top:calc(100% + 10px);left:0;display:grid;gap:5px;width:330px;padding:12px;border:1px solid #e4e9f6;border-radius:18px;background:#fff;box-shadow:0 24px 65px rgba(29,41,83,.16);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s}.nav-dropdown.is-open .nav-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;font-size:.85rem}.nav-menu a:hover{background:#f5f7fc}.nav-menu small{display:block;font-weight:500;font-size:.75rem}.menu-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#eeecff;color:#574be0;font-size:1.5rem}.menu-icon.aqua{background:#e2fff0;color:#04785a}.mini-tag{font-size:.61rem;letter-spacing:.04em;color:#006b48;background:#baf9d5;border-radius:5px;padding:3px 5px;margin-left:auto}.head-actions{display:flex;gap:9px;align-items:center}.language-switch{font-weight:800;font-size:.82rem;padding:12px 10px;color:#334461;white-space:nowrap}.language-globe{font-size:1.1rem;color:var(--violet)}.account-link{display:inline-flex;align-items:center;gap:7px;padding:11px 12px;font-size:.82rem;font-weight:800;color:#223252;border:1px solid #e0e5ef;border-radius:12px;white-space:nowrap}.account-link:hover{background:#f7f8ff}.menu-toggle{display:none;width:44px;height:44px;padding:11px;border:1px solid #dce1ef;border-radius:11px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;background:#233251;height:2px;width:22px;border-radius:10px;transition:transform .2s,opacity .2s}.top.mobile-open .menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.top.mobile-open .menu-toggle span:nth-child(2){opacity:0}.top.mobile-open .menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:1px solid transparent;border-radius:13px;background:#7469ea;color:white;font-weight:800;font-size:.91rem;line-height:1.3;text-align:center;box-shadow:0 9px 19px rgba(91,84,213,.16);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-3px);background:#564bcc;box-shadow:0 15px 25px rgba(91,84,213,.22)}.button:focus-visible,.nav-link:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #7262f0;outline-offset:3px}.button.secondary{background:#fff;border-color:#ccd5eb;color:#354785;box-shadow:none}.button.secondary:hover{background:#f1f2ff;border-color:#a3a4ed}.button.tiny{padding:12px 15px;font-size:.8rem}.primary-header{background:#202e52;box-shadow:0 7px 17px rgba(32,46,82,.13)}.primary-header:hover{background:#36467c}.button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
/* Hero */
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);align-items:center;gap:clamp(34px,5vw,100px);min-height:640px;padding:clamp(64px,7vw,120px) clamp(20px,6vw,105px);color:white;background:radial-gradient(circle at 75% 20%,rgba(92,92,227,.58),transparent 39%),radial-gradient(circle at 18% 87%,rgba(41,124,139,.25),transparent 39%),linear-gradient(125deg,#101a34 0%,#182a55 54%,#35297a 100%);overflow:hidden}.hero::after{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1px);background-size:30px 30px;opacity:.09;mask-image:linear-gradient(95deg,transparent,#000)}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(2.6rem,5vw,5.6rem);line-height:1.07;text-wrap:balance}.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(176,191,255,.4);padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.085);font-size:.7rem;font-weight:800;letter-spacing:.11em;color:#cafede}.hero .lead{color:#d8e5f8;font-size:clamp(1.06rem,1.5vw,1.25rem);line-height:1.78}.hero-copy .actions{display:flex;flex-wrap:wrap;gap:13px;margin:32px 0}.hero .button{background:#a9f2c5;color:#0f3c32;box-shadow:0 13px 28px rgba(75,228,162,.15)}.hero .button:hover{background:#c5ffda}.hero .button.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}.hero .button.secondary:hover{background:rgba(255,255,255,.17)}.trust{display:flex;flex-wrap:wrap;gap:11px 22px;font-size:.82rem;color:#d7e2f5}.trust span{display:inline-flex;align-items:center;gap:7px}.hero-art{position:relative;display:grid;place-items:center;min-height:420px}.hero-orbit{position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:orbit 24s linear infinite}.orbit-two{width:320px;height:320px;border-style:dashed;animation-direction:reverse;animation-duration:35s}.quiz-display{width:100%;position:relative;z-index:2;background:#fff;color:#1b2948;border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:clamp(22px,3vw,43px);box-shadow:0 30px 80px rgba(6,12,36,.4);transform:rotate(2deg);animation:float-soft 7s ease-in-out infinite}.q-top{color:#6257cd;font-size:.74rem;font-weight:900;letter-spacing:.16em}.q-title{font-size:clamp(1.4rem,2.1vw,2rem);font-weight:800;line-height:1.3;margin:24px 0}.q-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-answers span{padding:15px 12px;border-radius:12px;background:#f0f3fa;font-size:.84rem;font-weight:800}.q-answers span.active{background:#c7f9da;color:#14664c;border:1px solid #64db9f;box-shadow:0 0 0 3px rgba(118,238,169,.18)}.q-bottom{display:flex;justify-content:space-between;color:#6770b3;margin-top:25px;letter-spacing:6px}.q-bottom b{letter-spacing:0;color:#0d985e}.float-chip{position:absolute;z-index:3;padding:13px 19px;border:1px solid rgba(255,255,255,.5);border-radius:13px;background:rgba(255,255,255,.93);color:#3a377f;font-weight:900;font-size:.8rem;box-shadow:0 15px 36px rgba(6,13,41,.3);animation:float-soft 6s ease-in-out infinite}.chip-left{left:-4%;bottom:11%;transform:rotate(-6deg)}.chip-right{right:-2%;top:9%;animation-delay:-3s;color:#175f51}
.eyebrow{display:inline-block;font-size:.72rem;font-weight:900;color:#6357d4;letter-spacing:.15em;text-transform:uppercase}.lead{font-size:clamp(1.04rem,1.6vw,1.24rem);color:#53647c;line-height:1.85}.section{width:100%;padding:clamp(62px,6.8vw,105px) clamp(20px,6vw,105px);margin:0}.section.slim{width:100%}.section-head{margin-bottom:39px}.section-head p{font-size:1.06rem;color:var(--mute)}.band{background:linear-gradient(135deg,#eef2ff 0%,#f4f8fb 100%)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature,.price-card,.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feature{padding:clamp(20px,2.2vw,34px);transition:transform .25s,box-shadow .25s,border-color .25s}.feature:hover{transform:translateY(-6px);box-shadow:0 23px 48px rgba(44,53,108,.11);border-color:#b7b3f6}.feature-icon{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#e6e4ff,#ecf6ff);font-size:.91rem;font-weight:900;color:#6152d5}.feature h3{font-size:1.18rem}.feature p{font-size:.91rem;color:var(--mute)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.price-card{display:flex;flex-direction:column;gap:13px;padding:clamp(24px,3vw,44px);transition:transform .25s,box-shadow .25s}.price-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(49,58,121,.1)}.price-card.featured{border:2px solid #7569ea;position:relative;background:linear-gradient(150deg,#fff,#f6f4ff)}.price-card .price{font-size:clamp(2.3rem,3vw,3.2rem);font-weight:900;line-height:1.17;letter-spacing:-.065em}.price small{display:block;letter-spacing:0;font-size:.76rem;font-weight:500;margin-top:8px}.price-card p{color:var(--mute);margin:4px 0 26px}.price-card .button{margin-top:auto}.split-block{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(26px,5vw,75px)}.memory-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;border-radius:30px;background:linear-gradient(135deg,#2c3679,#141e46);padding:clamp(18px,3vw,36px);box-shadow:0 28px 65px rgba(39,50,111,.22);transform:rotate(2deg)}.demo-tile{display:grid;place-items:center;aspect-ratio:1;background:linear-gradient(145deg,#6964eb,#3954bc);border:1px solid rgba(255,255,255,.25);border-radius:13px;font-size:clamp(1.3rem,3vw,2.3rem);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.15);transition:transform .25s}.demo-tile:nth-child(2n){animation:tile-glow 5s ease-in-out infinite}.demo-tile.demo-open{background:linear-gradient(145deg,#edfff6,#c7ffe0);color:#085d46}.panel{padding:clamp(22px,3.7vw,45px);margin:16px 0}.panel.light{background:#f9faff;box-shadow:none}.center-block{text-align:center;margin-top:38px}.rich{font-size:1.03rem;line-height:1.83}.rich h2,.legal h2{font-size:clamp(1.4rem,2vw,1.8rem);margin:34px 0 15px}.rich a{text-decoration:underline;text-underline-offset:2px}.steps{display:grid;gap:16px;padding-left:1.7rem}.steps li{padding-left:8px}.notice{border:1px solid #cfd7f7;border-radius:13px;padding:17px 19px;background:#f0f1ff;color:#384367;margin-top:25px;font-size:.9rem}.faq{padding:20px 26px;margin:13px 0;border:1px solid var(--line);border-radius:15px;background:#fff;transition:border-color .2s,box-shadow .2s}.faq[open]{border-color:#b5b1f2;box-shadow:var(--shadow)}.faq summary{font-weight:800;cursor:pointer;list-style-position:outside}.faq summary:hover{color:#6359d7}.faq p{color:var(--mute)}
/* Forms, accessibility and local Zefix/OSM autosuggest */
.form{display:grid;gap:20px;margin:25px 0}.form label,.field-group>label{display:grid;gap:8px;font-size:.88rem;font-weight:800}.field-group{display:grid;gap:8px;min-width:0}.form input,.form select,.form textarea,.form-split input,.form-split select,.form.inline input,.field-group input{width:100%;min-width:0;min-height:52px;padding:13px 15px;background:#fff;border:1px solid #cad2e3;border-radius:12px;color:#182848;transition:border-color .15s,box-shadow .15s}.form input:hover,.field-group input:hover{border-color:#9ca5ca}.form input:focus,.form select:focus,.field-group input:focus{outline:0;border-color:#7d70e8;box-shadow:var(--ring)}.form input[aria-invalid="true"]{border-color:#c75959;box-shadow:0 0 0 3px rgba(199,89,89,.12)}.form-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form .checkbox{display:flex;align-items:start;gap:11px;font-size:.88rem;font-weight:500}.form .checkbox input{width:19px;min-width:19px;min-height:auto;margin:5px 0 0;accent-color:#6558d8}.form.inline{display:flex;flex-wrap:wrap;align-items:center}.form.inline>*{flex:1;min-width:120px}.form.inline button{flex:0}.tabbar{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);margin:23px 0}.tabbar button{padding:12px 15px;background:transparent;border:0;border-bottom:3px solid transparent;color:#64718c;font-weight:800}.tabbar button.selected{color:#5f54cd;border-color:#7969e9}.message{min-height:1.5em;color:#a53437;font-weight:700}.message.ok{color:#0c8d59}.text-button{padding:0;background:transparent;border:0;color:#6256d3;text-decoration:underline}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-card{border:1px solid var(--line);border-radius:14px;padding:18px;margin:13px 0;background:#fff}.order-card p{margin:5px 0}.order-card .action-row{display:flex;gap:10px;flex-wrap:wrap}.order-card .button{font-size:.83rem}.admin-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{background:#f2f3ff;padding:20px;border-radius:15px}.metric h2{font-size:1.7rem;margin:6px 0}.metric small{font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line)}th{white-space:nowrap;background:#f0f1fb}td{word-break:break-word}.auto-field{position:relative}.autocomplete-list{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:35;display:grid;gap:3px;padding:8px;background:white;border:1px solid #c9c7f7;border-radius:13px;box-shadow:0 18px 35px rgba(25,32,74,.17);overflow-y:auto;max-height:270px}.auto-option{display:grid;gap:2px;padding:10px 12px;border:0;border-radius:9px;background:#fff;text-align:left;color:#223052;font-size:.88rem;line-height:1.4}.auto-option:hover,.auto-option.is-active{background:#f1efff}.auto-option small{font-size:.73rem;color:#69758d}.auto-option strong{font-size:.87rem}.field-hint{display:block;font-size:.75rem;color:#6e7e97;line-height:1.5}.field-hint.is-verified{color:#087b56;font-weight:800}.field-hint.is-warning{color:#ad682a}
/* Corporate game and free Alpine Memory */
.live-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.answer{padding:20px 14px;text-align:left;border:1px solid #cecef0;border-radius:13px;background:#eff0ff;color:#263164;font-weight:800;transition:background .2s,transform .2s}.answer:hover,.answer.selected{background:#c5f8e0;transform:translateY(-2px)}.answer:disabled{opacity:.7;cursor:default}.game-panel{text-align:center;background:linear-gradient(160deg,#fff 0%,#f8f8ff 100%);position:relative;overflow:hidden}.game-caption{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-time{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#1e2c55;color:#fff;font-weight:900;letter-spacing:.02em;font-variant-numeric:tabular-nums}.free-score{display:flex;gap:13px;flex-wrap:wrap;justify-content:space-between;font-weight:800;font-size:.83rem;color:#4d5782;margin:15px 0 21px}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,1.2vw,13px)}.memory-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:clamp(10px,1.3vw,16px);border:1px solid #c5c5f0;background:linear-gradient(150deg,#7771ec,#404bb7);box-shadow:0 8px 17px rgba(68,66,179,.13);font-size:clamp(1.55rem,3vw,3rem);overflow:hidden;color:#fff;transition:transform .24s,background .24s,box-shadow .24s;transform-style:preserve-3d}.memory-tile:not(:disabled):hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 12px 24px rgba(55,57,146,.27)}.memory-tile .memory-front,.memory-tile .memory-back{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;transition:opacity .25s,transform .25s}.memory-tile .memory-back{opacity:0;transform:rotateY(90deg)}.memory-tile.is-open{background:linear-gradient(145deg,#edfff7,#c9f9e3);color:#154f44;border-color:#a9e3cf;transform:rotateY(0deg)}.memory-tile.is-open .memory-front{opacity:0;transform:rotateY(-90deg)}.memory-tile.is-open .memory-back{opacity:1;transform:rotateY(0deg)}.memory-tile.is-matched{box-shadow:inset 0 0 0 3px rgba(14,166,95,.25);background:linear-gradient(145deg,#edfff3,#b9ffd7)}.memory-tile:disabled{cursor:default}.memory-message{font-size:.89rem;font-weight:700;color:#566384;min-height:2.9em;margin:22px 0 12px}.memory-start{width:100%}.memory-spark{position:absolute;bottom:25%;z-index:4;pointer-events:none;color:#6257d5;font-size:1.6rem;animation:spark-fall 1.25s ease-out forwards}
footer{background:#111b33;color:#edf0ff;padding:65px clamp(20px,6vw,105px) 22px}footer .brand,footer .brand.static{color:white}footer .footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:36px}footer p{color:#acb9d2;font-size:.87rem}footer a{display:block;margin:10px 0;color:#e7ebfa;font-weight:700}footer a:hover{color:#a4f3c5}footer .small{border-top:1px solid #334064;padding-top:20px;text-align:center;margin-top:34px}.toast{display:none;position:fixed;right:20px;bottom:20px;z-index:80;width:min(calc(100% - 40px),430px);padding:17px 21px;border-radius:14px;background:#1e294e;color:white;box-shadow:var(--shadow)}.toast.visible{display:block;animation:toast-in .2s ease-out}
/* Deliberate motion, with reduced-motion support */
@keyframes dot-pulse{50%{box-shadow:0 0 0 7px rgba(127,234,178,.04)}}@keyframes float-soft{50%{translate:0 -12px}}@keyframes orbit{to{rotate:360deg}}@keyframes tile-glow{50%{filter:brightness(1.2)}}@keyframes spark-fall{0%{opacity:0;transform:translateY(30px) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-230px) rotate(140deg) scale(1.5)}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.js-motion .reveal{opacity:0;transform:translateY(21px);transition:opacity .75s cubic-bezier(.2,.75,.3,1),transform .75s cubic-bezier(.2,.75,.3,1)}.js-motion .reveal.is-visible{opacity:1;transform:none}
@media(width <= 1240px){.primary-header{display:none}.nav-link{padding:10px 9px}.brand-word{font-size:1.16rem}.brand-icon{width:43px;height:43px}}
@media(width <= 1020px){.top{min-height:78px}.nav-main{display:none;position:absolute;top:100%;left:0;right:0;padding:14px clamp(20px,5vw,50px) 22px;background:#fff;border-bottom:1px solid #e7e9f4;box-shadow:0 18px 26px rgba(25,35,73,.13);flex-direction:column;align-items:stretch}.top.mobile-open .nav-main{display:flex}.nav-link{width:100%;padding:13px 16px;justify-content:flex-start}.nav-dropdown{width:100%}.nav-menu{position:static;visibility:visible;opacity:1;transform:none;display:none;width:100%;box-shadow:none;border-radius:11px;margin-top:6px}.nav-dropdown.is-open .nav-menu{display:grid}.menu-toggle{display:flex}.hero{gap:27px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-display{padding:23px}}
@media(width <= 780px){.utility-claim{display:none}.account-link{display:none}.hero{grid-template-columns:1fr;padding:70px 23px;min-height:auto}.hero-art{min-height:370px}.hero h1{font-size:clamp(2.6rem,8vw,4.1rem)}.section{padding:62px 22px}.split-block{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.price-card.featured{transform:none}.live-layout{grid-template-columns:1fr}.footer-grid,footer .footer-grid{grid-template-columns:1fr}.form-split{grid-template-columns:1fr}.hero-orbit{width:340px;height:340px}.orbit-two{width:260px;height:260px}.memory-showcase{transform:none}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-icon{width:42px;height:42px}}
@media(width <= 480px){.utility-inner{padding:7px 17px}.top{padding:0 17px}.section{padding:52px 17px}.feature-grid{grid-template-columns:1fr}.admin-cards{grid-template-columns:1fr}.q-answers{grid-template-columns:1fr 1fr;gap:7px}.q-answers span{padding:11px 7px;font-size:.69rem}.quiz-display{padding:21px 14px}.float-chip{font-size:.62rem;padding:9px}.hero-art{min-height:300px}.brand-word{font-size:1.12rem}.language-switch{font-size:.75rem}.form.inline{display:grid}.answers{grid-template-columns:1fr}.memory-board{gap:7px}.memory-tile{font-size:1.65rem}.panel{padding:18px}.trust{gap:8px}.hero .actions{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1!important;transform:none!important}}


/* R6 editorial design: full-width typographic system and responsive visual detailing. */
:root{--ink:#16223e;--navy:#101a35;--mint:#a4f2c5;--violet:#6b5be5;--shadow:0 20px 65px rgba(26,39,90,.09)}
body{background:linear-gradient(180deg,#f7f9ff 0%,#f4f7fd 100%)}
.visual-h3,h3{font-size:clamp(1.12rem,1.35vw,1.45rem);font-weight:800;line-height:1.27;letter-spacing:-.025em;margin:14px 0 11px;color:var(--ink)}
.visual-heading-large{font-size:clamp(2rem,3.8vw,4.15rem);line-height:1.1;font-weight:800;letter-spacing:-.052em;margin:14px 0 25px;text-wrap:balance}
.heading-continuation{display:block}
.page-context{padding:28px clamp(20px,5.4vw,94px) 60px;background:#f2f4fc;border-top:1px solid #e5e9f5}.page-context h2{font-size:1.5rem;margin:0 0 10px}.page-context h3{font-size:1.15rem}.page-context p{color:var(--mute);font-size:.88rem}
.utility-bar{background:linear-gradient(100deg,#101a37,#1b2c54 62%,#12293c)}
.utility-inner{min-height:42px;gap:16px}.utility-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:30px;padding:3px 11px}.utility-claim{font-size:.71rem;letter-spacing:.08em;text-transform:uppercase}.utility-inner>a{background:rgba(164,242,197,.13);border:1px solid rgba(164,242,197,.22);padding:5px 14px;border-radius:999px;transition:background .2s,transform .2s}.utility-inner>a:hover{background:rgba(164,242,197,.25);transform:translateY(-1px)}
.top{min-height:94px;background:rgba(255,255,255,.94);border-bottom:1px solid #e4e8f3;box-shadow:0 12px 34px rgba(25,39,81,.06)}
.brand{gap:12px}.brand-icon{display:block;object-fit:cover;background:transparent;box-shadow:0 10px 24px rgba(71,84,202,.2);border-radius:14px;flex:none}.brand-word{font-size:1.42rem}.nav-main{gap:3px;background:#f5f6fc;border:1px solid #ebecf7;border-radius:18px;padding:5px}.nav-link{padding:11px 16px;border-radius:13px}.nav-link.is-active{background:white;box-shadow:0 4px 12px rgba(27,41,82,.09)}.nav-link:hover{background:#fff;color:#6153ca}.nav-menu{border:1px solid #e1e3f3;box-shadow:0 25px 65px rgba(16,29,74,.2)}
.account-avatar{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:#edebff;color:#6a5fdc;font-size:.64rem}.account-link{background:#fff;box-shadow:0 6px 18px rgba(37,48,92,.04)}.primary-header{background:linear-gradient(120deg,#252f64,#5546ca);box-shadow:0 11px 22px rgba(61,58,180,.17)}.primary-header:hover{background:linear-gradient(120deg,#3b4c98,#6954dc)}
.hero{min-height:690px;padding-top:90px;padding-bottom:100px;gap:clamp(35px,6vw,100px);background:radial-gradient(circle at 72% 19%,rgba(115,103,247,.47),transparent 36%),radial-gradient(circle at 12% 93%,rgba(28,126,157,.38),transparent 42%),linear-gradient(125deg,#121c36 0%,#192d56 48%,#3c307f 100%)}
.hero::before{content:'';position:absolute;inset:auto -9% -53% 20%;height:90%;border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none;transform:rotate(-18deg)}
.hero h1{font-size:clamp(3rem,5.5vw,6.6rem);line-height:1.055;text-wrap:balance}.hero .lead{font-size:clamp(1.1rem,1.5vw,1.32rem)}
.hero-badge{background:rgba(183,255,213,.12);border-color:rgba(186,248,214,.24);letter-spacing:.12em}.hero .button{padding:17px 27px;border-radius:15px}.hero .trust{margin-top:26px}.hero-art{perspective:1200px}.quiz-display{transform:rotate(1.5deg) translate3d(0,0,0);box-shadow:0 38px 85px rgba(5,10,32,.34);padding:clamp(24px,3vw,47px);border-radius:26px}.q-title{line-height:1.22}.q-answers span{padding:17px 14px}.float-chip{backdrop-filter:blur(12px)}
.value-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:-32px clamp(20px,5.8vw,104px) 0;border-radius:22px;background:#fff;box-shadow:0 22px 65px rgba(28,40,86,.13);position:relative;z-index:4;border:1px solid #eef0f8;overflow:hidden}
.value-rail>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;padding:23px clamp(15px,2vw,27px);align-items:center;border-right:1px solid #e9ebf5}.value-rail>div:last-child{border-right:0}.value-rail strong{font-weight:800;line-height:1.3;font-size:.93rem}.value-rail small{grid-column:2;font-size:.72rem}.value-dot{display:grid;place-items:center;grid-row:1/span 2;width:37px;height:37px;background:#f0efff;color:#5d51da;border-radius:12px;font-weight:900}
.section-benefits{padding-top:95px}.section-head .eyebrow{margin-bottom:9px}.section-head h2{font-size:clamp(2.25rem,3.8vw,4rem)}
.feature-grid{gap:18px}.feature{position:relative;overflow:hidden;background:#fff;border:1px solid #e7eaf5;box-shadow:0 18px 49px rgba(20,31,70,.06);padding:clamp(21px,2.5vw,34px);min-height:235px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature::after{content:'';position:absolute;width:150px;height:150px;right:-85px;top:-75px;border-radius:50%;background:radial-gradient(circle,#e6e2ff,transparent 75%);pointer-events:none}.feature:hover{transform:translateY(-6px);box-shadow:0 27px 60px rgba(24,37,80,.12);border-color:#cbc5ff}.feature-icon{width:47px;height:47px;background:linear-gradient(140deg,#eceafe,#dfefff);font-size:.9rem;border-radius:13px;margin-bottom:17px;color:#6353ce}.feature .visual-h3{margin:10px 0 11px}.feature p{font-size:.91rem;line-height:1.75}
.how-section{background:#fff;border-top:1px solid #eef0f6;border-bottom:1px solid #eef0f6}.how-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(25px,5vw,90px);align-items:center}.how-lead{color:#63718b;font-size:1.06rem;line-height:1.9}.how-image{position:relative;margin:0;padding:12px;border-radius:25px;background:linear-gradient(140deg,#e7ebff,#dff8f0);border:1px solid #e8e9f5;box-shadow:0 27px 69px rgba(43,53,110,.12);overflow:hidden}.how-image img{display:block;width:100%;height:auto;border-radius:18px}.how-image figcaption{color:#63718b;font-size:.74rem;text-align:center;margin-top:9px;font-weight:700}.text-cta{display:inline-flex;align-items:center;gap:10px;color:#584bcc;font-size:.93rem;font-weight:900;margin-top:12px}.text-cta:hover{text-decoration:underline}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:36px}.step-card{background:linear-gradient(165deg,#f9faff,#f5f7fc);border:1px solid #e8eaf5;padding:24px 28px;border-radius:20px}.step-number{display:inline-grid;place-items:center;background:#e9e7ff;color:#584ccd;padding:7px 12px;border-radius:9px;font-size:.82rem;font-weight:900}.step-card p:last-child{color:var(--mute);font-size:.89rem;line-height:1.8}
.section-pricing{background:radial-gradient(circle at 10% 0%,rgba(174,180,249,.25),transparent 33%),linear-gradient(180deg,#f3f6ff,#f6f8fc)}.price-card{border-radius:23px;background:white;box-shadow:0 21px 55px rgba(26,37,83,.07);border:1px solid #e6e8f2;padding:35px clamp(22px,3vw,43px);transition:transform .25s,box-shadow .25s}.price-card:hover{transform:translateY(-5px);box-shadow:0 26px 62px rgba(33,44,95,.13)}.price-card.featured{border:2px solid #7566ed;box-shadow:0 26px 56px rgba(96,78,207,.12)}.price-card.featured:hover{transform:translateY(-5px)}.price-card .price{letter-spacing:-.06em}.price-card .button{width:100%;padding:16px;border-radius:12px}.plan-name{font-size:1.16rem;margin-top:14px}
.split-block{gap:clamp(35px,6vw,90px)}.split-block>div:first-child>.eyebrow{background:#ece9ff;padding:8px 12px;border-radius:9px}.memory-showcase{box-shadow:0 32px 70px rgba(22,31,84,.24);border-radius:26px}.split-block>.panel{border-color:#e5e7f6}
.closing-section{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;align-items:center;overflow:hidden;background:linear-gradient(120deg,#111c39,#23356d 54%,#493e9a);padding:clamp(58px,7vw,105px) clamp(22px,6vw,105px);color:white}.closing-glow{position:absolute;inset:-35% -15% auto auto;width:68%;aspect-ratio:1;background:radial-gradient(circle,rgba(151,127,255,.34),transparent 67%);z-index:-1}.closing-section .visual-heading-large{color:#fff}.closing-section p:not(.visual-heading-large){color:#d1d8f4;font-size:1.02rem}.closing-copy>.eyebrow{color:#a2f5c9}.closing-section .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.closing-section .button{background:#a6efbf;color:#12372e}.closing-section .button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.closing-image{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(3,8,32,.2));animation:float-soft 9s ease-in-out infinite}
footer{padding-top:0;background:#111a32}.footer-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:31px 0;margin-bottom:44px;border-bottom:1px solid rgba(228,234,255,.13);font-size:clamp(1.06rem,1.6vw,1.4rem);font-weight:800}.footer-top-cta{color:#a5efc8;white-space:nowrap}.footer-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))!important}.footer-kicker{color:#fff;font-weight:900;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase}.footer-links a{font-size:.83rem;color:#b7c4df}.footer-links a:hover{color:#a4efc7}.footer-grid>div:first-child p{line-height:1.8}.footer-grid>div:first-child .brand{margin-bottom:16px}
@media (width <= 1200px){.nav-quiet{display:none}.nav-main{gap:0;padding:4px}.nav-link{padding:10px 9px}.head-actions{gap:4px}}
@media (width <= 1020px){.nav-main{background:#fff;border:0;border-radius:0;padding:17px 24px;box-shadow:0 25px 42px rgba(27,40,87,.17)}.nav-quiet{display:inline-flex}.top.mobile-open .nav-main{display:flex}.nav-menu{width:100%}.value-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.value-rail>div:nth-child(2){border-right:0}.value-rail>div:nth-child(-n+2){border-bottom:1px solid #e9ebf5}.feature{min-height:0}}
@media (width <= 780px){.hero{padding-top:66px;padding-bottom:84px}.value-rail{margin:-28px 20px 0}.value-rail>div{padding:15px}.value-rail strong{font-size:.86rem}.how-intro{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.closing-section{grid-template-columns:1fr}.closing-image{width:68%;justify-self:center}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-grid>div:first-child{grid-column:1/-1}.footer-topline{flex-wrap:wrap}.hero .trust{margin-top:18px}.price-card.featured:hover{transform:none}}
@media (width <= 480px){.utility-claim{display:none}.value-rail{grid-template-columns:1fr}.value-rail>div{border-right:0!important;border-bottom:1px solid #e9ebf5}.value-rail>div:last-child{border-bottom:0}.hero h1{font-size:clamp(2.5rem,10.5vw,3.8rem)}.how-section,.section-benefits{padding-top:55px}.feature{padding:22px}.closing-image{width:92%}.closing-section .actions{display:grid}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto}.footer-top-cta{white-space:normal}}
@media(prefers-reduced-motion:reduce){.closing-image{animation:none}.feature,.price-card{transform:none!important}}

.metric-value{font-size:1.65rem!important;font-weight:800;color:var(--ink)}

/* R7: informative free-game presentation and fully linked, keyboard-accessible Memory preview. */
.free-intro{font-size:1.03rem;color:#3b4b65;line-height:1.86}
.free-extra{font-size:1rem;color:#4b5b78;line-height:1.85}
.free-highlights{list-style:none;display:grid;gap:11px;padding:0;margin:24px 0 19px}
.free-highlights li{display:flex;align-items:flex-start;gap:12px;font-size:.94rem;color:#253756;font-weight:700}
.free-highlights li span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e5f8ef;color:#137454;font-size:1.2rem;font-weight:900}
.free-access-note{color:#556681;font-size:.92rem;line-height:1.75}
.free-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;margin-top:9px}
.memory-showcase-link{position:relative;display:block;cursor:pointer;border-radius:30px;outline-offset:8px;transition:translate .25s ease,filter .25s ease;min-width:0}
.memory-showcase-link:hover{translate:0 -5px;filter:drop-shadow(0 10px 17px rgba(31,42,96,.16))}
.memory-showcase-link:focus-visible{outline:3px solid #6a59dc}
.memory-showcase-link .memory-showcase{width:100%;transform:rotate(1deg)}
.memory-showcase-cta{position:absolute;right:clamp(12px,3vw,34px);bottom:-13px;display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border-radius:13px;background:#e8fff0;color:#145e47;border:1px solid #a5e6c4;box-shadow:0 15px 38px rgba(20,45,74,.19);font-size:.87rem;font-weight:900;transform:rotate(-2deg);transition:background .2s ease,transform .2s ease}
.memory-showcase-link:hover .memory-showcase-cta,.memory-showcase-link:focus-visible .memory-showcase-cta{background:#b9f5d4;transform:translateY(-4px)}
@media(width <= 780px){.memory-showcase-link .memory-showcase{transform:none}.memory-showcase-cta{bottom:-14px}}
@media(prefers-reduced-motion:reduce){.memory-showcase-link,.memory-showcase-cta{transition:none!important}.memory-showcase-link:hover{translate:none}}

/* R8: SVG chevron alignment independent of font metrics and zoom. */
@media (width <= 1020px) {
 .nav-dropdown>.nav-trigger {justify-content:space-between;text-align:left;min-height:45px;width:100%;}
 .nav-dropdown>.nav-trigger .nav-chevron {margin-left:auto;}
 .nav-menu {z-index:55;max-inline-size:none;}
}
@media (prefers-reduced-motion: reduce) { .nav-chevron {transition:none;} }

/* R9: games.ch has one consistent ink colour on light and dark header/footer */
.brand-word span{color:inherit;font-size:1em;font-weight:inherit;letter-spacing:inherit}

/* R10: Account accessible and visible on mobile; keep menu entry available at all narrow widths. */
.nav-mobile-account{display:none}
@media (width <= 1020px){
 .nav-mobile-account{display:flex!important;align-items:center;gap:11px;margin-top:9px;padding:14px 16px;border:1px solid #dcdcf4;border-radius:13px;background:#f2efff;color:#3730a3;font-weight:800}
 .nav-mobile-account:hover,.nav-mobile-account.is-active{background:#e6e1ff}
}
@media (width <= 780px){
 .head-actions{gap:5px;flex:none}
 .account-link{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;font-size:.75rem;border-radius:10px}
 .account-avatar{width:16px;height:16px}
 .language-switch{padding:8px 5px}
 .top{gap:8px}
}
@media (width <= 480px){
 .top{gap:5px}
 .top .brand{gap:6px}
 .top .brand-icon{width:39px;height:39px}
 .top .brand-word{font-size:1.03rem}
 .head-actions{gap:3px}
 .language-switch{font-size:.72rem;padding:7px 3px}
 .account-link{font-size:.72rem;padding:7px 7px;gap:4px}
 .menu-toggle{height:42px;width:42px;padding:9px}
}
@media (width <= 360px){
 .top .brand-word{display:none}
 .top .brand-icon{width:42px;height:42px}
 .top{gap:9px}
 .account-link{font-size:.76rem}
}

/* R12: one-row mobile header – brand, language, icon-only account and menu.
   Keeps a full text account link inside the expanded navigation. */
@media (width <= 780px) {
  .top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
    padding: 10px 15px;
    gap: 8px;
  }
  .top .brand {
    display: inline-flex;
    flex: 0 1 auto;
    min-width: 0;
    align-items: center;
    gap: 7px;
  }
  .top .brand-icon { width: 40px; height: 40px; border-radius: 12px; }
  .top .brand-word { display: inline; font-size: 1.03rem; white-space: nowrap; }
  .top .head-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
  }
  .top .language-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 44px;
    padding: 0 9px;
    border: 1px solid #e0e5f5;
    border-radius: 12px;
    background: #f5f6ff;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
  }
  .top .language-globe { font-size: 1rem; }
  .top .account-link {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 1px solid #dfe4f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
  }
  .top .account-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 0;
    background: transparent;
    color: #4c48b6;
  }
  .top .account-avatar svg { display: block; width: 21px; height: 21px; }
  .top .account-label { display: none; }
  .top .menu-toggle {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    margin: 0;
    border-radius: 12px;
  }
  .top .primary-header { display: none; }
  .top .nav-main { top: 100%; }
  .top .language-switch:focus-visible,
  .top .account-link:focus-visible,
  .top .menu-toggle:focus-visible { outline: 3px solid #7569e9; outline-offset: 3px; }
}
@media (width <= 480px) {
  .utility-inner { gap: 8px; padding: 6px 12px; }
  .utility-pill { white-space: nowrap; padding: 3px 8px; font-size: .7rem; }
  .utility-inner > a { white-space: nowrap; padding: 5px 9px; font-size: .7rem; }
}
@media (width <= 345px) {
  .utility-inner { justify-content: center; }
  .utility-pill { display: none; }
  .top { padding-inline: 12px; gap: 8px; }
  .top .brand-word { display: none; }
  .top .brand-icon { width: 42px; height: 42px; }
}

/* R13 premium story experiences: no artificial text-width caps for copy or headings. */
.premium-room-shell{padding-bottom:4rem}.premium-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(255px,1fr);gap:clamp(16px,2.5vw,36px);align-items:start;margin-top:2.3rem}.premium-board,.premium-side{background:linear-gradient(150deg,#191b43,#121631 80%);border-radius:25px;color:#f7f7ff;border:1px solid #6669af44;box-shadow:0 25px 60px #111b3930;padding:clamp(22px,3.1vw,44px)}.premium-side{background:linear-gradient(160deg,#eff0ff,#fff);color:#18204a}.premium-board-top,.premium-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-pill{border:1px solid #9e9fff55;padding:.45rem 1rem;border-radius:24px;color:#b4d4ff;font-size:.77rem;font-weight:800;letter-spacing:.1em}.premium-board-top #premium-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.35rem}.premium-chapter,.premium-side-kicker{color:#ada6ff;font-size:.81rem;letter-spacing:.15em;font-weight:800;margin:1.8rem 0 1rem}.premium-side-kicker{color:#4b4fd3;margin:0}.premium-visual-title{font-weight:850;font-size:clamp(1.6rem,2.6vw,2.8rem);line-height:1.17;margin:1rem 0}.premium-narrative{font-size:1.04rem;line-height:1.75;color:#e3e5fb}.premium-evidence{padding:1.2rem 1.45rem;border:1px solid #aaaaf544;background:#b1abff0d;border-radius:15px;margin:1.4rem 0}.premium-evidence span{font-size:.74rem;letter-spacing:.13em;font-weight:800;color:#b2bcff}.premium-evidence p{line-height:1.7;color:#f2f0ff}.premium-prompt{font-size:1.12rem;font-weight:850;margin:1.5rem 0}.premium-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium-option{display:flex;align-items:center;gap:13px;text-align:left;background:#262958;border:1px solid #a1a7f055;border-radius:13px;padding:1rem;color:#fff;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.premium-option:hover,.premium-option:focus-visible{background:#45468e;border-color:#acbcff;transform:translateY(-2px)}.premium-option:disabled{opacity:.7;cursor:default}.premium-option b{display:inline-grid;place-items:center;background:#c4c6fb22;width:31px;height:31px;flex:none;border-radius:9px;color:#d5d3ff}.premium-control-row{display:flex;gap:13px;margin-top:1.3rem;flex-wrap:wrap}.premium-side-title{font-size:1.6rem;font-weight:850;line-height:1.25}.premium-stats{flex-direction:column;align-items:stretch;margin:1.6rem 0}.premium-stats span{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #4b4fd322}.premium-guidance{font-size:.87rem;color:#535b83;line-height:1.65}.premium-lock{font-size:3rem;margin-top:2rem}.premium-code{font-size:clamp(1.5rem,4vw,3rem);font-weight:850;letter-spacing:.12em;border:1px dashed #a3adff;padding:1.2rem;border-radius:15px;margin-top:1.3rem;text-align:center}.premium-revealed-hint{padding:1rem;border-radius:12px;background:#aba5e522;color:#e3e0ff}.premium-product{border-radius:22px;overflow:hidden;border:1px solid #e3e4fd;background:#fff;box-shadow:0 15px 45px #19235a12}.premium-product .premium-product-art{min-height:220px;display:flex;flex-direction:column;justify-content:end;padding:28px;color:#fff;background:radial-gradient(circle at 80% 20%,#7f79f9 0%,transparent 40%),linear-gradient(145deg,#1c2a58,#23234c)}.premium-product.detective .premium-product-art{background:radial-gradient(circle at 86% 13%,#ecb77488 0%,transparent 42%),linear-gradient(145deg,#312433,#172a3b)}.premium-product-art .premium-emoji{font-size:3.7rem}.premium-product h4,.premium-product-title{font-size:1.4rem;font-weight:850;margin:1rem 0}.premium-product-content{padding:26px}.premium-product-content p{line-height:1.65}.premium-price{font-size:2rem;font-weight:850;color:#302ac5}.premium-inclusions{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}.premium-inclusions span{border-radius:18px;background:#edeeff;color:#353b93;font-size:.78rem;padding:.4rem .8rem}.premium-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:1.5rem 0}.premium-catalog .button{margin-top:1rem}.premium-landing .premium-product-art{min-height:300px;border-radius:24px}.premium-landing .premium-product-content{padding:26px 0}.premium-landing .premium-product-art .premium-emoji{font-size:5rem}
@media(width <= 830px){.premium-layout{grid-template-columns:1fr}.premium-choices{grid-template-columns:1fr}.premium-catalog{grid-template-columns:1fr}.premium-board,.premium-side{padding:20px}}
@media(prefers-reduced-motion:reduce){.premium-option{transition:none}.premium-option:hover{transform:none}}

/* R13 – all feature card titles have identical appearance, including converted semantic H3s. */
.feature h3,.feature .visual-h3{display:block;font-size:1.18rem;line-height:1.35;letter-spacing:-.02em;color:#172640;font-weight:800;margin:10px 0 11px;padding:0;text-transform:none;}
/* R13 – native, accessible overlay for re-sending email verification. */
.x25-modal{border:0;border-radius:23px;padding:0;width:min(510px,calc(100vw - 28px));box-shadow:0 36px 90px rgba(9,17,48,.3);background:#fff;color:#162642;}
.x25-modal::backdrop{background:rgba(9,18,43,.67);backdrop-filter:blur(6px)}
.x25-modal-card{padding:clamp(22px,4vw,34px);display:grid;gap:14px;}
.x25-modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.x25-modal-title{font-size:1.5rem;line-height:1.25;font-weight:850;letter-spacing:-.04em;margin:0;color:#142143;}
.x25-modal-close{width:40px;height:40px;border:1px solid #d7def1;border-radius:12px;background:#f7f8ff;color:#263b64;cursor:pointer;font-size:1.5rem;line-height:1;flex-shrink:0;}
.x25-modal .form{margin:0}.x25-modal .form label{width:100%;}.x25-modal .message{min-height:18px;}
.change-password-box{border:1px solid #c8c6fb;background:linear-gradient(150deg,#fff,#f3f1ff);padding:22px;border-radius:18px;}

/* R14: Swiss PBV transparent net/VAT/gross pricing, no max-width caps. */
.price-breakdown{display:grid;gap:7px;margin:9px 0 17px;padding:12px 14px;border:1px solid #e3e7f5;border-radius:12px;background:#f7f8ff;font-variant-numeric:tabular-nums}
.price-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.price-breakdown dt,.price-breakdown dd{font-size:.86rem;margin:0;color:#47526e}
.price-breakdown dd{text-align:right;white-space:nowrap}
.price-breakdown .price-breakdown-total{border-top:1px solid #d7dcef;padding-top:10px;margin-top:2px}
.price-breakdown .price-breakdown-total dt,.price-breakdown .price-breakdown-total dd{font-weight:900;color:#18254d}
.price-card .price small{font-size:.83rem;line-height:1.5;letter-spacing:normal;color:#505f7a}
.premium-price small{display:block;font-size:.84rem;font-weight:650;letter-spacing:0;color:#56637e}

/* R15 – consistent page spacing, concise product detail layouts and balanced price grids.
   Existing compact R12 mobile navigation is intentionally unchanged.
   No artificial maximum-width is applied to headlines or body text. */
:root { --xg-section-space:clamp(56px,6vw,92px); }
main > .section:not(.hero):not(.section-benefits):not(.closing-section) {
  padding-block:var(--xg-section-space);
}
.section-head{margin-bottom:clamp(22px,3.2vw,38px)}
.section-head h1,.section-head h2{margin-top:10px;margin-bottom:14px}
.section-head p,.section-head .lead{margin:0;line-height:1.7}
.section:not(.hero)>h1{margin:10px 0 clamp(16px,2vw,26px)}
.section:not(.hero)>.lead{margin:0 0 clamp(24px,3vw,38px);line-height:1.72}
.section .rich > p:first-child{margin-top:0}
.section .rich > *:last-child{margin-bottom:0}
/* All three quiz packages share the same card rhythm. */
.plans{gap:clamp(14px,1.8vw,26px);align-items:stretch}
.price-card{gap:0;min-width:0;padding:clamp(23px,2.7vw,38px);border-radius:22px}
.price-card .eyebrow{margin-bottom:12px}
.price-card .plan-name{margin:0 0 14px}
.price-card .price{font-size:clamp(2.25rem,3vw,3.45rem);line-height:1.14;margin:0 0 18px;letter-spacing:-.06em}
.price-card .price small{margin-top:7px}
.price-card .price-breakdown{margin:0 0 16px}
.price-card > p:not(.plan-name){margin:0 0 20px;line-height:1.55}
.price-card .button{margin-top:auto;min-height:48px}
.price-breakdown{gap:7px;padding:clamp(12px,1.6vw,18px);border-radius:14px}
.price-breakdown>div{align-items:flex-start;gap:12px}
.price-breakdown dt,.price-breakdown dd{font-size:clamp(.77rem,.87vw,.91rem);line-height:1.55}
.price-breakdown .price-breakdown-total{padding-top:10px;margin-top:4px}
/* Browseable premium games: aligned content and actions on price page. */
.premium-catalog{gap:clamp(17px,2vw,28px);margin-top:clamp(24px,3vw,40px)}
.premium-catalog .premium-product{display:flex;flex-direction:column;min-width:0;border-radius:22px}
.premium-catalog .premium-product-art{flex:0 0 auto;min-height:clamp(185px,18vw,240px);padding:clamp(23px,2.7vw,37px)}
.premium-catalog .premium-product-content{display:flex;flex:1;flex-direction:column;gap:0;padding:clamp(22px,2.8vw,36px)}
.premium-catalog .premium-product-content>p:first-child{margin:0 0 18px;line-height:1.72}
.premium-catalog .premium-inclusions{margin:0 0 20px;gap:9px}
.premium-catalog .premium-price{margin:0 0 16px;line-height:1.15}
.premium-catalog .price-breakdown{margin:0 0 22px}
.premium-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:auto}
.premium-catalog .premium-actions .button{margin:0;min-height:48px}
.premium-catalog .premium-actions .button:first-child{flex:1}
/* Premium landing: illustration on one side, order information on the other. */
.premium-landing .premium-product{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:0;align-items:stretch;min-width:0;margin-top:clamp(25px,3vw,42px);border-radius:24px}
.premium-landing .premium-product-art{height:100%;min-height:440px;border-radius:0;justify-content:center;align-items:flex-start;padding:clamp(28px,4vw,58px)}
.premium-landing .premium-product-art .premium-emoji{font-size:clamp(3.3rem,5vw,6rem);line-height:1}
.premium-landing .premium-product-title{font-size:clamp(1.5rem,2.6vw,2.8rem);line-height:1.2;margin:26px 0 0}
.premium-landing .premium-product-content{padding:clamp(25px,3.4vw,54px);display:flex;flex-direction:column;justify-content:center;gap:0}
.premium-landing .premium-inclusions{margin:0 0 22px;gap:9px}
.premium-landing .premium-price{margin:0 0 16px;line-height:1.08;font-size:clamp(2.15rem,3.6vw,3.35rem)}
.premium-landing .price-breakdown{margin:0 0 17px}
.premium-landing .premium-product-content>p:not(.premium-price){margin:0 0 22px;line-height:1.7}
.premium-landing .premium-product-content>.button{align-self:flex-start;min-height:48px}
/* Secondary editorial context is useful information, not a dangling, sparsely-spaced strip. */
.page-context{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:clamp(18px,3vw,56px);align-items:center;padding:clamp(25px,3vw,40px) clamp(20px,6vw,105px);background:linear-gradient(115deg,#eef1ff,#f5f8ff);border-top:1px solid #e4e8f5;border-bottom:1px solid #e1e5f2}
.page-context-titles{display:grid;gap:8px}
.page-context h2{font-size:clamp(1.25rem,1.75vw,1.8rem);line-height:1.25;margin:0;letter-spacing:-.025em}
.page-context h3{font-size:clamp(.94rem,1.08vw,1.08rem);line-height:1.3;margin:0;color:#5c57ab;letter-spacing:-.012em}
.page-context>p{font-size:clamp(.92rem,1.12vw,1.03rem);line-height:1.7;margin:0;color:#465675}
/* Forms, FAQs, legal, information and game views – reduce empty vertical gaps. */
.section.slim .faq{padding:clamp(17px,1.8vw,24px) clamp(18px,2.2vw,30px);margin:10px 0}
.section.slim .faq:last-child{margin-bottom:0}
.section .panel{margin:10px 0}
.section .center-block{margin-top:clamp(20px,3vw,36px)}
.section .premium-layout{margin-top:clamp(18px,3vw,32px)}
@media(width <= 1050px){
 .premium-landing .premium-product{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .premium-landing .premium-product-art{min-height:390px}
}
@media(width <= 780px){
 :root{--xg-section-space:clamp(36px,6vw,58px)}
 .section:not(.hero)>h1{margin:10px 0 18px}
 .premium-landing .premium-product{grid-template-columns:1fr}
 .premium-landing .premium-product-art{height:auto;min-height:205px;padding:25px}
 .premium-landing .premium-product-content{padding:clamp(19px,4.4vw,31px)}
 .premium-landing .premium-product-title{font-size:1.6rem;margin:14px 0 0}
 .premium-landing .premium-product-art .premium-emoji{font-size:3.7rem}
 .page-context{grid-template-columns:1fr;gap:12px;padding:25px 22px}
 .price-card{padding:25px}
 .premium-catalog .premium-product-content{padding:23px}
 .premium-catalog .premium-product-art{min-height:185px}
}
@media(width <= 480px){
 .page-context{padding:23px 17px}
 .price-card{padding:22px}
 .premium-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .premium-actions .button{padding:12px 10px}
 .premium-landing .premium-product-content>.button{align-self:stretch}
 .price-card .price{font-size:2.65rem}
 .premium-landing .premium-price{font-size:2.45rem}
}

/* R15 group-game title is spaced away from the preceding quiz cards. */
.section-head.premium-catalog-heading{margin:clamp(44px,5.1vw,70px) 0 clamp(16px,2.2vw,28px)}
.section-head.premium-catalog-heading .visual-heading-large{font-size:clamp(1.55rem,2.4vw,2.5rem);line-height:1.2;font-weight:800;letter-spacing:-.035em;color:#192743;margin:0 0 12px}
.section-head.premium-catalog-heading p:last-child{margin:0;line-height:1.7}
.section-head.premium-catalog-heading + .premium-catalog{margin-top:0}
@media(width <= 480px){.section-head.premium-catalog-heading{margin-top:38px;margin-bottom:22px}}

/* R17: customer/admin workspace. Does not change the confirmed R12 mobile header. */
.section:has(#auth-root),.x25-console-section{padding-top:clamp(30px,4vw,60px);padding-bottom:clamp(32px,4vw,55px)}
#auth-root,#admin-root{background:#fff;border:1px solid #e7ebf7;border-radius:24px;padding:clamp(20px,3.3vw,46px);box-shadow:0 18px 54px rgba(19,33,75,.065)}
#auth-root>h1,.x25-console-section .section-head h1{font-size:clamp(1.85rem,2.65vw,2.9rem);line-height:1.16;letter-spacing:-.04em;margin:0 0 7px;color:#172444}
#auth-root>h2,.x25-console-section .section-head h2{font-size:clamp(1.1rem,1.55vw,1.55rem);line-height:1.3;font-weight:700;letter-spacing:-.025em;color:#4e5a76;margin:0 0 24px}
.x25-console-section .console-heading h3{font-size:.95rem;color:#546688;margin:6px 0}
.x25-console-section .console-heading{margin-bottom:20px}
.account-console{margin-top:14px}.account-console-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 21px;border-bottom:1px solid #edf0f8}.account-identity{margin:5px 0 0;color:#50617c;font-size:.94rem}.account-console-header .button{flex:none}
.console-tabs{display:flex;align-items:stretch;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:8px 3px 12px;margin:12px 0 17px;border-bottom:1px solid #e5eaf5}.console-tabs button{border:1px solid transparent;border-radius:11px;padding:11px 16px;background:transparent;color:#556582;font-weight:800;font-size:.84rem;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.console-tabs button:hover{background:#f5f4ff;color:#4238b5}.console-tabs button.selected{background:#efeeff;color:#4439be;border-color:#dcd8ff;box-shadow:inset 0 0 0 1px #e7e4ff}
.console-pane{padding:clamp(15px,2.2vw,28px);background:#f8f9fe;border:1px solid #e9edf8;border-radius:18px;min-height:170px}.console-pane h3,.console-pane .visual-h3{font-size:clamp(1.12rem,1.65vw,1.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px;color:#1b2850}.console-lead,.console-sub{color:#556684;line-height:1.65;margin:0 0 16px;font-size:.95rem}.console-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.console-metrics>div{display:flex;flex-direction:column;gap:7px;border:1px solid #e7e9f5;background:#fff;border-radius:15px;padding:17px 20px;box-shadow:0 6px 14px rgba(18,36,74,.025)}.console-metrics span{font-size:.83rem;color:#5c6b89;font-weight:700}.console-metrics strong{font-size:1.65rem;color:#3d38b9;letter-spacing:-.04em}.console-quicklinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.console-subtabs{display:flex;gap:7px;overflow-x:auto;padding:4px 0 15px;margin:0 0 14px;border-bottom:1px solid #e3e7f3}.console-subtabs button{border:1px solid #e2e6f3;border-radius:10px;background:#fff;padding:9px 13px;color:#4e6080;font-size:.82rem;font-weight:750;white-space:nowrap}.console-subtabs button.selected{background:#3536a3;color:#fff;border-color:#3536a3}.console-list{display:grid;gap:11px}.console-order-card{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;padding:17px;border-radius:15px;border:1px solid #e5e9f3}.console-order-detail{display:grid;gap:6px}.console-order-detail strong{font-size:1.03rem;color:#16294e}.console-order-detail small{color:#697994}.console-order-actions{display:flex;flex-wrap:wrap;gap:7px}.console-badges{display:flex;gap:6px;align-items:center}.console-badge{display:inline-flex;border-radius:8px;padding:2px 7px;background:#eef0fb;color:#505b80;font-size:.66rem;font-weight:800;letter-spacing:.01em}.console-badge.live{background:#e3f9ec;color:#116745}.console-badge.test{background:#fff1d4;color:#8b5d12}.console-empty{color:#667693;margin:15px 0;font-size:.93rem}.console-pane .table-wrap{overflow-x:auto;border:1px solid #e7ebf5;border-radius:12px;background:#fff;margin:13px 0}.console-pane table{width:100%;border-collapse:collapse;font-size:.82rem}.console-pane th{text-align:left;background:#eef0fa;color:#475879;font-weight:800;padding:12px 14px;white-space:nowrap}.console-pane td{padding:12px 14px;border-top:1px solid #edf0f7;vertical-align:middle}.console-pane td .tiny{white-space:nowrap;padding:7px 12px}.console-pane tbody tr:hover{background:#fafbff}.console-pane .form{gap:13px}.console-pane .form input,.console-pane .form select{background:#fff}.console-search{display:flex;align-items:end;gap:12px;margin:5px 0 18px}.console-search label{flex:1}.console-search input{width:100%}.account-admin-access{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px dashed #bfb9f8;background:#f5f2ff;padding:12px 18px;border-radius:13px;margin-top:18px;color:#433eaa;font-size:.84rem;font-weight:800}.admin-shell{margin-top:4px}.admin-shell .admin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.admin-shell .metric{border-radius:14px;background:#fff;padding:19px;border:1px solid #e3e8f4}.admin-shell .metric small{font-size:.78rem}.admin-shell .metric .metric-value{font-size:clamp(1.2rem,2vw,1.9rem);color:#292dab;font-weight:800;margin:9px 0 0}.admin-payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.console-surface{padding:18px;border:1px solid #e2e7f2;border-radius:14px;background:#fff}.console-surface .button{margin:7px 7px 7px 0}.x25-console-section #admin-root{margin-top:12px}.account-console .button,.admin-shell .button{min-height:38px}
@media(width <= 950px){.admin-shell .admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-payment-layout{grid-template-columns:1fr}}
@media(width <= 680px){#auth-root,#admin-root{border-radius:16px;padding:17px}.console-tabs{gap:4px;padding-bottom:9px}.console-tabs button{padding:9px 10px;font-size:.78rem}.console-pane{padding:14px}.console-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.console-metrics>div{padding:12px 9px}.console-metrics strong{font-size:1.35rem}.console-metrics span{font-size:.7rem}.console-order-card{display:grid;gap:12px}.console-quicklinks{display:grid;grid-template-columns:1fr 1fr}.console-quicklinks .button:first-child{grid-column:1/-1}.console-search{display:grid;grid-template-columns:1fr}.account-console-header{align-items:start}.account-console-header .button{padding:9px 12px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.console-tabs button,.console-subtabs button{transition:none}}
@media(width <= 400px){
 .account-console,.console-pane{width:100%;min-width:0}
 .console-subtabs{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 .console-subtabs button{flex:none}
 .account-admin-access{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:start}
 .account-admin-access .button{justify-self:start}
}
/* R17: immutable invoice/correction numbering editor */
.syntax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.syntax-grid label{display:grid;gap:8px;padding:16px;background:#fff;border:1px solid #e7eaf4;border-radius:13px}.syntax-grid label input{width:100%;min-width:0;font-size:.87rem}.syntax-grid label small{font-size:.76rem;overflow-wrap:anywhere;color:#536788}.syntax-grid label small span{display:block;font-weight:800;color:#213953;margin-top:4px}
@media(width <= 1050px){.syntax-grid{grid-template-columns:1fr}}

/* R18 – game catalogue, engagement reports and achievement widgets. */
.catalog-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 45px}.catalog-game-card{background:#fff;border:1px solid #e0e6f4;border-radius:20px;padding:24px;box-shadow:0 14px 36px #1825510d;display:flex;flex-direction:column;gap:14px;transition:transform .22s ease,box-shadow .22s ease}.catalog-game-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #18255120}.catalog-game-card .visual-h3{font-size:clamp(1.05rem,1.4vw,1.45rem);color:#132146;font-weight:800;margin:0}.catalog-game-card p{margin:0}.catalog-game-card .catalog-price{font-size:1.55rem;font-weight:850;color:#4536c8;margin-top:auto}.catalog-game-card .catalog-price small{font-size:.7rem;font-weight:500;color:#65738d}.catalog-game-card>a{align-self:flex-start}.challenge-shell{padding:clamp(22px,3vw,50px);background:linear-gradient(145deg,#eef0ff,#fff);border-radius:22px;border:1px solid #e1e3fa}.console-pane .table-wrap{overflow-x:auto}.achievement-card{overflow-wrap:anywhere}@media(width <= 900px){.catalog-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width <= 620px){.catalog-games-grid{grid-template-columns:minmax(0,1fr)}.catalog-game-card{padding:18px}}@media(prefers-reduced-motion:reduce){.catalog-game-card{transition:none}.catalog-game-card:hover{transform:none}}

/* R19: Billing document syntax, Swiss x25 network (no artificial content width limits). */
footer .footer-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))!important}
.x25-network a{overflow-wrap:anywhere}
.syntax-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.syntax-card{display:flex;flex-direction:column;gap:11px;padding:20px;border:1px solid #dce4dc;background:#f8faf8;border-radius:17px;min-width:0}
.syntax-card-title{font-size:1.12rem;font-weight:850;color:#172b24}
.syntax-card input{font-weight:550;background:#fff;min-width:0}
.syntax-card small{color:#64756c;font-weight:700}
.syntax-preview{padding:12px;border:1px solid #dee7e1;background:#fff;border-radius:10px;font-weight:750;overflow-wrap:anywhere;color:#20402d;font-size:.84rem}
.syntax-tokens{margin:17px 0;padding:20px;border:1px solid #dce4dc;border-radius:16px;background:#f8faf8}
.syntax-token-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.syntax-token{padding:8px 12px;background:#fff;border:1px solid #cfdccf;color:#225d39;border-radius:8px;font-family:ui-monospace,monospace;font-weight:750;cursor:pointer}
.syntax-token:hover,.syntax-token:focus-visible{border-color:#3b8457;background:#edf7ee}
@media(width <= 1050px){.syntax-cards{grid-template-columns:repeat(2,minmax(0,1fr))}footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(width <= 600px){.syntax-cards{grid-template-columns:1fr}footer .footer-grid{grid-template-columns:1fr!important}}

/* Genre-specific local UI art, no remote dependencies. */
.premium-product-art.premium-escape{background:radial-gradient(circle at 78% 15%,#7797eb,#1a2e5e 62%,#111a39)}
.premium-product-art.premium-detective{background:radial-gradient(circle at 75% 15%,#d6a36d,#46345e 68%,#191b38)}
.premium-product-art.premium-adventure{background:radial-gradient(circle at 76% 17%,#6bd7bb,#226e7f 65%,#102544)}
.premium-product-art.premium-logic{background:radial-gradient(circle at 78% 17%,#b0a4ff,#40419c 70%,#182448)}
.premium-product-art.premium-pattern{background:radial-gradient(circle at 75% 15%,#ffcf80,#8747bd 64%,#221c56)}
.premium-product-art.premium-quiz{background:radial-gradient(circle at 78% 15%,#8bffda,#3943b4 60%,#14183f)}
.catalog-game-card{transition:transform .2s,box-shadow .2s}
.catalog-game-card:hover{transform:translateY(-3px);box-shadow:0 15px 33px rgba(15,25,59,.11)}
@media(prefers-reduced-motion:reduce){.catalog-game-card{transition:none}.catalog-game-card:hover{transform:none}}

.free-quicklinks{display:flex;flex-wrap:wrap;gap:11px;padding:14px 0}.free-quicklinks a{flex:0 1 auto}


/* R20 – curated catalogue, consistent full-width UI and accessible inputs. No max-width caps. */
.catalog-games-grid{gap:clamp(16px,2vw,29px);margin:clamp(26px,3vw,42px) 0 clamp(52px,5vw,78px);align-items:stretch}
.catalog-game-card{padding:0;overflow:hidden;border:1px solid #dde4f5;border-radius:21px;background:#fff;box-shadow:0 12px 29px rgba(22,37,80,.075);gap:0;isolation:isolate}
.catalog-image-link{display:block;overflow:hidden;position:relative;background:#e6ecff;aspect-ratio:16/9}
.catalog-cover{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;transition:transform .45s ease,filter .25s ease}
.catalog-game-card:hover .catalog-cover{transform:scale(1.045);filter:saturate(1.07)}
.catalog-card-content{display:flex;flex-direction:column;gap:12px;flex:1;padding:clamp(19px,2vw,27px)}
.catalog-card-content .visual-h3{font-size:clamp(1.12rem,1.55vw,1.42rem);line-height:1.3;margin:0;color:#13214a;letter-spacing:-.02em}
.catalog-genre{align-self:flex-start;background:#eceeff;border:1px solid #dcdffa;border-radius:999px;color:#4841a6;padding:5px 12px;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.catalog-escape .catalog-genre{background:#e6f4ff;color:#254f8d;border-color:#cde8fc}
.catalog-detective .catalog-genre{background:#fff3e6;color:#87512c;border-color:#f6dfc7}
.catalog-logic .catalog-genre,.catalog-pattern .catalog-genre{background:#f1edff;color:#603ca6;border-color:#e0d8fb}
.catalog-card-content .catalog-summary{font-size:.88rem;line-height:1.66;color:#5a6884;min-height:4.6em;margin:0}
.catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:11px;border-top:1px solid #edf0f7}
.catalog-card-bottom .catalog-price{margin:0;font-size:1.46rem;line-height:1.2;font-weight:850}
.catalog-card-bottom .catalog-price small{display:block;margin-top:3px;font-size:.68rem;font-weight:650;color:#6b7993}
.catalog-card-bottom .button{padding:10px 15px;font-size:.79rem;white-space:nowrap;margin:0}
.catalog-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 22px}
.catalog-overview>div{display:flex;align-items:center;gap:14px;padding:16px 19px;background:linear-gradient(130deg,#fff,#eef2ff);border:1px solid #e1e8fb;border-radius:15px}
.catalog-overview strong{color:#443ad5;font-size:1.7rem;font-weight:900;letter-spacing:-.04em}
.catalog-overview span{font-size:.82rem;color:#536381;font-weight:750;line-height:1.4}
.catalog-intro{color:#506380;line-height:1.85;font-size:1.03rem;margin:0 0 29px}
.catalog-bottom-guide{margin:24px 0 55px;padding:clamp(22px,3vw,40px);border-radius:22px;background:#eef1fc;border:1px solid #dde5f8}
.catalog-bottom-guide p{font-size:.95rem;line-height:1.8}
.r20-game-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;margin:0 0 30px;box-shadow:0 18px 46px rgba(17,37,84,.17)}
.r20-art,.r20-original-art{position:relative;overflow:hidden;padding:0!important;isolation:isolate}
.r20-product-photo,.r20-original-art>img{display:block;width:100%;height:100%;min-height:290px;object-fit:cover;aspect-ratio:16/9}
.r20-art .premium-emoji,.r20-original-art .premium-emoji{display:none}
.r20-art .premium-product-title,.r20-original-art .premium-product-title{position:absolute;bottom:0;left:0;right:0;padding:22px!important;margin:0!important;background:linear-gradient(transparent,rgba(9,19,51,.72));color:#fff}
.game-editorial{padding-top:clamp(30px,4vw,65px);padding-bottom:clamp(45px,6vw,90px)}
.editorial-intro{padding:clamp(23px,3vw,43px);background:linear-gradient(120deg,#f6f7ff,#eef3ff);border:1px solid #e1e7fa;border-radius:23px;margin:0 0 24px}
.editorial-intro p:not(.visual-heading-large){color:#4c5d7a;line-height:1.86;font-size:1rem}
.editorial-guide{padding-top:13px}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0 35px}
.editorial-item{padding:clamp(19px,2.5vw,32px);background:#fff;border:1px solid #e4e9f4;border-radius:18px;box-shadow:0 8px 24px rgba(28,45,82,.035)}
.editorial-item .visual-h3{font-size:1.16rem;margin:0 0 13px;font-weight:850;letter-spacing:-.02em;color:#242c5e}
.editorial-item p:not(.visual-h3){margin:0;color:#4c5b74;line-height:1.8;font-size:.94rem}
.editorial-outro{border-top:1px solid #dce3ef;padding-top:26px;margin-top:20px}
.editorial-outro .button{margin:9px 10px 0 0}
.r20-info{margin-top:10px;padding-top:24px;padding-bottom:65px}
.r20-info p{color:#4c5973;line-height:1.85}
/* Forms & controls: keyboard focus, input consistency, native validation and mobile layouts. */
:where(.form, .field-group, .console-pane, .admin-shell, .x25-modal-card) :where(input:not([type=checkbox]):not([type=radio]),select,textarea),
:where(.form, .field-group, .console-pane, .admin-shell, .x25-modal-card) :where(input[type=search]){
 font:inherit;color:#15264b;background:#fff;min-height:50px;width:100%;box-sizing:border-box;border:1px solid #cbd5e5;border-radius:12px;padding:12px 15px;box-shadow:0 2px 3px rgba(11,35,75,.025);transition:border-color .17s ease,box-shadow .17s ease,background .17s ease;
}
:where(.form, .field-group, .console-pane, .admin-shell, .x25-modal-card) textarea{min-height:110px;resize:vertical;line-height:1.6}
:where(.form, .field-group, .console-pane, .admin-shell, .x25-modal-card) select{cursor:pointer;padding-right:40px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5e6c91 50%),linear-gradient(135deg,#5e6c91 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
:where(.form, .field-group, .console-pane, .admin-shell, .x25-modal-card) :where(input:not([type=checkbox]):not([type=radio]),select,textarea):hover{border-color:#9da8c7}
:where(.form, .field-group, .console-pane, .admin-shell, .x25-modal-card) :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{outline:2px solid #6458e1;outline-offset:2px;border-color:#6157d6;box-shadow:0 0 0 4px rgba(104,90,228,.13)}
:where(input,textarea)::placeholder{color:#8691aa;opacity:1}
:where(.form,.field-group,.console-pane,.admin-shell,.x25-modal-card) :where(input,select,textarea)[aria-invalid=true]{border-color:#bc3b4b;background:#fff9f9}
:where(.form,.field-group,.console-pane,.admin-shell,.x25-modal-card) :where(input,select,textarea):disabled{background:#f2f4f9;color:#758198;cursor:not-allowed;opacity:1}
:where(.form,.field-group,.console-pane,.admin-shell,.x25-modal-card) :where(input[type=checkbox],input[type=radio]){accent-color:#6255df}
:where(.form,.field-group,.console-pane,.admin-shell,.x25-modal-card) label{color:#203050;font-weight:760;line-height:1.45}
:where(.form,.field-group,.console-pane,.admin-shell,.x25-modal-card) :where(button,.button):focus-visible,.catalog-game-card a:focus-visible{outline:3px solid #7867e9;outline-offset:3px}
:where(.form,.field-group,.console-pane,.admin-shell,.x25-modal-card) :where(button,.button):disabled{opacity:.56;cursor:not-allowed;filter:grayscale(.25)}
@media(width <= 900px){.catalog-games-grid{gap:18px}.editorial-grid{grid-template-columns:minmax(0,1fr)}}
@media(width <= 620px){.catalog-overview{grid-template-columns:1fr}.catalog-game-card{padding:0}.catalog-card-content{padding:18px}.catalog-card-content .catalog-summary{min-height:0}.catalog-card-bottom{align-items:center}.r20-game-hero{border-radius:16px}.editorial-intro,.editorial-item{padding:20px}}
@media(prefers-reduced-motion:reduce){.catalog-cover,.catalog-game-card{transition:none}.catalog-game-card:hover .catalog-cover{transform:none}}

/* R21: game-specific editorial sections and compact responsive game introductions */
.r21-home-discover{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(38px,5vw,75px);background:linear-gradient(135deg,#eef3ff,#f7f9ff 52%,#edf8fa);border-radius:0 0 26px 26px}
.r21-section-intro{padding-bottom:15px}.r21-section-intro .visual-heading-large{margin:.6rem 0 1rem;font-size:clamp(1.7rem,3vw,2.8rem)}.r21-section-intro>p:not(.visual-heading-large){font-size:1.03rem;line-height:1.75;color:#4d5a7d}
.r21-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 25px}.r21-home-stats span{display:flex;align-items:center;gap:12px;border:1px solid #d9e4fa;background:#fff;border-radius:16px;padding:14px 19px;color:#58647e;font-weight:700}.r21-home-stats strong{font-size:1.7rem;color:#4436ce}
.r21-home-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-featured-game{display:block;overflow:hidden;color:#142143!important;text-decoration:none;border-radius:18px;background:#fff;border:1px solid #dde5f5;box-shadow:0 12px 32px #1a2e600f;transition:transform .2s ease,box-shadow .2s ease}.home-featured-game:hover{transform:translateY(-4px);box-shadow:0 18px 35px #1a2e601f}.home-featured-game img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.home-featured-content{padding:15px 19px 19px;display:flex;flex-direction:column;gap:7px}.home-featured-content strong{font-size:1.05rem;line-height:1.3}.home-featured-content>span:last-child{font-size:.9rem;color:#4f42b6;font-weight:700}.r21-home-all-cta{margin-top:24px}
.r21-game-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(22px,3vw,45px);align-items:center;margin:0 0 30px}.r21-intro-visual{overflow:hidden;border-radius:20px}.r21-intro-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.r21-intro-copy h1{margin:0;font-size:clamp(2.1rem,3.3vw,3.3rem)}.r21-intro-copy p{margin:0;line-height:1.78}.r21-intro-copy .button{margin-top:7px}.r21-game-intro .r20-game-hero{margin:0;box-shadow:0 14px 34px #11255424;aspect-ratio:16/9}
.premium-product:has(.r20-product-photo){grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.premium-landing .premium-product:has(.r20-original-art){grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.premium-product-art:has(.r20-product-photo),.premium-product-art.r20-original-art{min-height:285px;height:auto}.premium-product-art .r20-product-photo,.r20-original-art>img{min-height:285px;height:100%;max-height:400px;aspect-ratio:16/10}
.editorial-unique-guide .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-unique-intro{color:#50607a;margin:7px 0 20px}.game-unique-item{background:linear-gradient(140deg,#fff,#f8f9ff);border-color:#d8e2f4}.editorial-usage{margin-top:38px;padding-top:29px;border-top:1px solid #d8e2f2}.editorial-standard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0 30px}.editorial-standard-item{background:#f7f9fd;box-shadow:none}
@media(width <= 900px){.r21-home-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-unique-guide .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r21-game-intro{grid-template-columns:1fr}.r21-intro-visual{width:100%}.r21-game-intro .r20-game-hero{max-height:300px}.premium-product:has(.r20-product-photo),.premium-landing .premium-product:has(.r20-original-art){grid-template-columns:1fr}}
@media(width <= 620px){.r21-home-featured,.r21-home-stats,.editorial-unique-guide .editorial-grid,.editorial-standard-grid{grid-template-columns:1fr}.r21-home-stats span{padding:13px 17px}.r21-game-intro .r20-game-hero{max-height:240px}.r21-game-intro{gap:20px}.r21-section-intro>p:not(.visual-heading-large){font-size:.96rem}}
@media(prefers-reduced-motion:reduce){.home-featured-game{transition:none}.home-featured-game:hover{transform:none}}

/* R21: variety-first homepage and compact editorial game imagery */
.r21-hero-gallery{display:grid;grid-template-columns:1.35fr 1fr;grid-auto-rows:minmax(0,1fr);gap:15px;min-height:380px;align-items:stretch;perspective:none}
.r21-hero-gallery-main,.r21-hero-gallery-side{position:relative;border-radius:19px;overflow:hidden;background:#182247;border:1px solid #ffffff48;box-shadow:0 16px 36px #07112e5c;min-height:0}
.r21-hero-gallery-main{grid-row:span 2}.r21-hero-gallery img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08)}
.r21-hero-gallery-main>span,.r21-hero-gallery-side>span{position:absolute;bottom:0;left:0;right:0;padding:20px 14px 12px;font-size:.86rem;font-weight:800;background:linear-gradient(0deg,#101a37d9,transparent);color:white}
.r21-hero-gallery-main>span{font-size:1.1rem;padding:30px 20px 17px}
.r21-home-discover{position:relative}.r21-home-featured a:focus-visible{outline:3px solid #4338ca;outline-offset:4px}
@media(width <= 780px){.r21-hero-gallery{min-height:290px;grid-auto-rows:minmax(120px,1fr)}.r21-home-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(width <= 480px){.r21-hero-gallery{min-height:230px;gap:9px;grid-auto-rows:minmax(95px,1fr)}.r21-hero-gallery-main,.r21-hero-gallery-side{border-radius:12px}.r21-hero-gallery-main>span,.r21-hero-gallery-side>span{font-size:.7rem;padding:20px 7px 8px}.r21-home-featured{grid-template-columns:1fr}}

/* R22: cinematic, photorealistic local game photography. Existing navigation untouched. */
.catalog-card-media,.home-featured-game,.r21-hero-gallery-main,.r21-hero-gallery-side{isolation:isolate}
.catalog-game-card img,.home-featured-game img,.r21-hero-gallery img,.r20-product-photo,.r20-game-hero{object-fit:cover;object-position:center 46%;filter:saturate(1.06) contrast(1.045)}
.catalog-game-card img{aspect-ratio:16/9;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s}
.catalog-game-card:hover img,.home-featured-game:hover img{transform:scale(1.045);filter:saturate(1.15) contrast(1.04)}
.r21-game-intro{grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);align-items:center}
.r21-game-intro .r20-game-hero{aspect-ratio:16/9;max-height:330px;box-shadow:0 12px 26px #14295b25}
.premium-product-art:has(.r20-product-photo){min-height:250px}
.premium-product-art .r20-product-photo,.r20-original-art>img{min-height:250px;max-height:360px;aspect-ratio:16/9}
.r21-hero-gallery img{transition:transform .45s ease}
.r21-hero-gallery-main:hover img,.r21-hero-gallery-side:hover img{transform:scale(1.045)}
@media (prefers-reduced-motion:reduce){.catalog-game-card img,.home-featured-game img,.r21-hero-gallery img{transition:none!important;transform:none!important}}
@media (width <= 900px){.r21-game-intro{grid-template-columns:1fr}.r21-game-intro .r20-game-hero{max-height:300px}}
@media (width <= 620px){.r21-game-intro .r20-game-hero{max-height:240px}.premium-product-art .r20-product-photo{min-height:175px;max-height:250px}}

/* X25GAMES_R25_HEADLINES_AND_HERO_START */
/* Only headings change font. Body, nav, controls and forms retain existing typography. */
:root { --x25-heading-font: Inter, "Segoe UI", Arial, sans-serif; }
h1,h2,h3,.visual-heading-large,.visual-h3,.q-title,
.r21-section-intro .visual-heading-large,.editorial-unique-guide .visual-heading-large {
  font-family: var(--x25-heading-font);
  font-weight: 700;
  letter-spacing: -.033em;
  font-synthesis: none;
}
.hero h1 {font-family:var(--x25-heading-font);font-weight:700;letter-spacing:-.041em;line-height:1.085;font-size:clamp(2.65rem,4.9vw,5.2rem)}
/* A single cinematic card on the right: all 25 games, no visible UI controls. */
.hero-art.x25-hero-slider {
  position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16 / 10;
  min-height:0;border-radius:clamp(18px,2vw,27px);overflow:hidden;
  background:linear-gradient(155deg,#293869,#101a32);
  border:1px solid rgba(221,232,255,.35);
  box-shadow:0 30px 80px rgba(3,11,34,.35),0 0 0 1px rgba(255,255,255,.04);
}
.x25-hero-slider::before {
  content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -60px 75px rgba(5,12,30,.18);
}
.x25-hero-slider::after {
  content:"";position:absolute;z-index:4;inset:auto 0 0;height:34%;pointer-events:none;
  background:linear-gradient(0deg,rgba(10,18,45,.23),transparent);
}
.x25-hero-slide {position:absolute;inset:0;opacity:0;transition:opacity 1050ms cubic-bezier(.22,1,.36,1);will-change:opacity;}
.x25-hero-slide.is-active {opacity:1;z-index:2;}
.x25-hero-slide img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.032);filter:saturate(1.03) contrast(1.018);}
.x25-hero-slide.is-active img {animation:x25HeroZoom 7.8s ease-out both;}
@keyframes x25HeroZoom {from{transform:scale(1.07)}to{transform:scale(1.015)}}
@media (width <= 1100px) {.hero-art.x25-hero-slider{aspect-ratio:16 / 10}}
@media (width <= 780px) {
  .hero-art.x25-hero-slider{width:100%;min-height:0;aspect-ratio:16 / 9;border-radius:19px}
  .hero h1{font-size:clamp(2.65rem,8.4vw,4.1rem)}
}
@media (width <= 480px) {
  .hero-art.x25-hero-slider{aspect-ratio:16 / 10;border-radius:15px}
  .hero h1{font-size:clamp(2.6rem,10vw,3.65rem)}
}
@media (prefers-reduced-motion:reduce) {
  .x25-hero-slide{transition:none!important}
  .x25-hero-slide.is-active img{animation:none!important;transform:none!important}
}
/* X25GAMES_R25_HEADLINES_AND_HERO_END */

/* X25GAMES_R26_VISUAL_QA_START */
:root { --x25-page-x:clamp(20px,5.4vw,105px); --x25-section-y:clamp(44px,5.3vw,78px); }
body:not([data-page="account"]):not([data-page="admin"]) main>.section {
  padding-top:var(--x25-section-y);padding-bottom:var(--x25-section-y);padding-left:var(--x25-page-x);padding-right:var(--x25-page-x);
}
body:not([data-page="account"]):not([data-page="admin"]) .game-editorial {padding-top:clamp(24px,3.8vw,54px);padding-bottom:clamp(40px,5.5vw,76px)}
.section-head{margin-bottom:clamp(22px,2.8vw,34px)}
.section-head h1,.section-head h2{margin:8px 0 13px;line-height:1.14}
.section-head p{line-height:1.65}
.r21-section-intro{padding-bottom:0}
.r21-home-stats{gap:clamp(10px,1.2vw,16px);margin:clamp(18px,2.1vw,28px) 0 clamp(22px,2.6vw,36px)}
.r21-home-featured{gap:clamp(14px,1.7vw,23px)}
.home-featured-content{padding:clamp(15px,1.5vw,22px)}
.catalog-games-grid{gap:clamp(15px,1.8vw,26px);margin-top:clamp(22px,2.6vw,35px);margin-bottom:clamp(42px,4vw,64px)}
.catalog-card-content{padding:clamp(16px,1.9vw,25px);gap:11px}
.editorial-intro{margin-bottom:clamp(22px,2.8vw,34px)}
.editorial-grid{gap:clamp(14px,1.5vw,22px);margin:clamp(22px,2.3vw,32px) 0 clamp(27px,3vw,42px)}
.r21-game-intro{gap:clamp(23px,3.4vw,48px);margin-bottom:clamp(26px,3vw,43px)}
.r21-game-intro .r20-game-hero{height:auto;max-height:none;aspect-ratio:16 / 9;margin:0;object-fit:cover}
.premium-product-art.r20-art,.premium-product-art.r20-original-art {min-height:0;display:block;height:auto;align-self:stretch}
.premium-product-art .r20-product-photo,.premium-product-art.r20-original-art>img {display:block;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:16 / 9;object-fit:cover;object-position:50% 50%}
.premium-landing .premium-product-art.r20-original-art {min-height:0;padding:0!important}
.r20-game-hero,.r20-product-photo,.r20-original-art>img,.catalog-cover,.home-featured-game img {filter:none!important;image-rendering:auto;transform:none!important}
.catalog-game-card:hover img,.home-featured-game:hover img{filter:none!important;transform:none!important}
/* Home: substantial, readable hero, clear CTA, one stable image; no zoom or invented games. */
body[data-page="home"] .hero {grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4.3vw,74px);min-height:0;padding:clamp(54px,6vw,96px) var(--x25-page-x);align-items:center}
body[data-page="home"] .hero h1 {font-family:var(--x25-heading-font);font-weight:700;letter-spacing:-.039em;font-size:clamp(2.65rem,4.4vw,4.55rem);line-height:1.11;margin:clamp(20px,2.2vw,30px) 0 clamp(18px,2.2vw,27px);text-wrap:balance}
body[data-page="home"] .hero .lead {font-size:clamp(1.03rem,1.3vw,1.2rem);line-height:1.65;margin:0}
body[data-page="home"] .hero-copy .actions{margin:clamp(20px,2.6vw,35px) 0 22px;gap:12px}
.hero-art.x25-hero-slider{position:relative;isolation:isolate;width:100%;display:block;aspect-ratio:16 / 9;min-height:0;overflow:hidden;border-radius:clamp(16px,1.8vw,24px);border:1px solid rgba(224,232,255,.33);background:#101b36;box-shadow:0 20px 52px rgba(4,13,37,.23)}
.x25-hero-slider::before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);border-radius:inherit}
.x25-hero-slider::after{content:none}
.x25-hero-slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .95s ease;will-change:opacity;overflow:hidden}
.x25-hero-slide.is-active{opacity:1;z-index:2}
.x25-hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none!important;animation:none!important;filter:none!important}
.x25-hero-slide.is-active img{transform:none!important;animation:none!important}
.x25-slide-meta{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:clamp(20px,2.3vw,34px);color:#fff;background:linear-gradient(0deg,rgba(7,15,32,.78),rgba(7,15,32,0));pointer-events:none}
.x25-slide-category{font-size:clamp(.7rem,.9vw,.86rem);color:#c2f7da;font-weight:750;letter-spacing:.04em}
.x25-slide-title{font-size:clamp(1.2rem,1.7vw,1.8rem);line-height:1.2;font-weight:800;letter-spacing:-.025em;text-shadow:0 2px 8px rgba(0,0,0,.25)}
@media (width <= 1024px){body[data-page="home"] .hero{grid-template-columns:1fr;gap:clamp(22px,4vw,35px)}body[data-page="home"] .hero h1{font-size:clamp(2.6rem,6.3vw,4rem)}.r21-home-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width <= 640px){:root{--x25-section-y:clamp(33px,8vw,49px);--x25-page-x:clamp(16px,5vw,25px)}body[data-page="home"] .hero{padding:clamp(36px,9vw,56px) var(--x25-page-x);gap:24px}body[data-page="home"] .hero h1{font-size:clamp(2.2rem,10vw,3.3rem);line-height:1.13}body[data-page="home"] .hero .lead{line-height:1.65}.hero-art.x25-hero-slider{aspect-ratio:16 / 10;border-radius:16px}.x25-slide-meta{padding:19px}.r21-home-featured{grid-template-columns:1fr}.r21-home-stats{grid-template-columns:1fr}.r21-section-intro .visual-heading-large{font-size:clamp(1.65rem,7vw,2.15rem)}.catalog-games-grid{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.r21-game-intro{gap:20px}.r21-game-intro .r20-game-hero{max-height:none}}
@media (prefers-reduced-motion: reduce){.x25-hero-slide{transition:none!important}.x25-hero-slide img{animation:none!important}}
/* X25GAMES_R26_VISUAL_QA_END */

/* x25games.ch R27 / Editorial Studio. This is a complete, deliberately
   cohesive visual layer for DE/EN, public pages, game rooms and consoles.
   No remote fonts, scripts, external assets or functionality overrides. */
/* X25GAMES_R27_START */
:root{--ink:#16233b;--navy:#101c30;--mint:#a8f0ce;--teal:#147464;--mute:#66758b;--bg:#f5f6f9;--line:#e2e7ee;--white:#fff;--radius:18px;--shadow:0 12px 36px rgba(20,34,59,.065);--violet:#5545c9;--blue:#2b617d;--ring:0 0 0 4px rgba(67,124,159,.15);--r27-pad:clamp(20px,5.2vw,96px);--r27-y:clamp(56px,6.5vw,100px);--r27-soft:#f0f3f7;--r27-accent:#4c5ac8}
html{scroll-padding-top:91px}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,.visual-heading-large,.visual-h3,.premium-visual-title,.q-title,.home-featured-content strong{font-family:Inter,'Arial',sans-serif!important;letter-spacing:-.038em!important;font-synthesis:none;line-height:1.16;font-weight:750}h1{font-size:clamp(2.5rem,4.7vw,4.75rem);margin:12px 0 19px}h2{font-size:clamp(1.8rem,3vw,3.1rem);margin:8px 0 21px}h3{font-size:clamp(1.12rem,1.55vw,1.35rem)}p{line-height:1.7}.lead{font-size:clamp(1.04rem,1.35vw,1.18rem);line-height:1.68;color:#5e6c82}a,button,input,select,textarea{transition-duration:.16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6f76d9;outline-offset:3px}::selection{background:#bdf2da;color:#0f2a30}
.utility-bar{min-height:30px;background:#111e32;color:#c9d7e6;font-size:.72rem;letter-spacing:.04em}.utility-inner{padding:5px var(--r27-pad)}.utility-spark{display:none}.live-dot{animation:none;box-shadow:none;background:#a2e9c6}.utility-inner a{color:#b1f3d5}
.top{min-height:78px;padding:0 var(--r27-pad);border-bottom:1px solid #e9edf3;background:rgba(255,255,255,.97);box-shadow:none;gap:19px}.top.is-scrolled{box-shadow:0 4px 25px rgba(15,32,61,.07)}.brand{font-weight:800;letter-spacing:-.05em}.brand-icon{width:42px;height:42px;border-radius:12px;box-shadow:none}.brand-word{font-size:1.25rem}.nav-main{gap:3px}.nav-link{font-size:.87rem;font-weight:700;color:#3d4b61;padding:10px 12px;border-radius:9px}.nav-link:hover,.nav-link.is-active{background:#f0f3f8;color:#1a3155}.nav-menu{border-radius:16px;box-shadow:0 20px 50px rgba(10,29,55,.14)}.menu-icon{background:#edf1f7;color:#284a72}.mini-tag{border-radius:7px}.account-link{border-radius:10px}.language-switch{color:#2c3f5e}.primary-header{background:#172947;color:#fff;border-radius:10px;box-shadow:none}.primary-header:hover{background:#294768}
.button{font-weight:750;letter-spacing:-.01em;border-radius:11px;background:#4b52c5;color:white;padding:13px 20px;box-shadow:none}.button:hover{transform:translateY(-1px);background:#373eab;box-shadow:0 9px 24px rgba(59,64,140,.13)}.button.secondary{background:#fff;color:#243851;border:1px solid #cdd7e3}.button.secondary:hover{background:#f1f5f9;border-color:#a3b4c9}.button.tiny{font-size:.82rem}
.section,body:not([data-page=account]):not([data-page=admin]) main>.section{padding:var(--r27-y) var(--r27-pad);width:100%}.section-head{margin-bottom:clamp(22px,3vw,35px)}.section-head h1,.section-head h2{line-height:1.13;margin:11px 0 16px}.section-head p{line-height:1.7;margin:0;color:#627087}.eyebrow{color:#485b8c;letter-spacing:.12em;font-size:.7rem;font-weight:850}.section.band{background:#edf1f7}.section-head .visual-heading-large{margin:6px 0 15px}.visual-heading-large{font-size:clamp(1.85rem,3vw,3.1rem)}.visual-h3{font-size:clamp(1.1rem,1.4vw,1.4rem)}
/* Home – a single real image, editorial composition, no random gallery clutter. */
body[data-page=home] .hero{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.1fr);gap:clamp(36px,4.4vw,85px);min-height:0;padding:clamp(72px,7vw,113px) var(--r27-pad);align-items:center;background:linear-gradient(112deg,#0c1c30 0%,#162c43 54%,#1b344a 100%);color:#fff;isolation:isolate;overflow:hidden}.hero::after{background:radial-gradient(circle at 80% 47%,rgba(141,187,181,.15),transparent 44%);opacity:1;mask-image:none}.hero-copy{z-index:2}.hero-badge{padding:8px 13px;background:rgba(172,238,204,.1);border:1px solid rgba(172,238,204,.26);color:#b7f4d4;letter-spacing:.085em}.hero h1,body[data-page=home] .hero h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(2.6rem,4.25vw,4.8rem);font-weight:780;letter-spacing:-.06em!important;line-height:1.09;margin:24px 0 20px;text-wrap:balance;max-width:14ch}.hero .lead,body[data-page=home] .hero .lead{color:#cbd8e4;font-size:clamp(1.04rem,1.3vw,1.17rem);line-height:1.75;max-width:63ch}.hero-copy .actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 25px}.hero .button{background:#a4efd0;color:#112c29;box-shadow:none;border:1px solid #a4efd0}.hero .button:hover{background:#c3ffe3}.hero .button.secondary{background:transparent;color:#fff;border:1px solid rgba(225,233,246,.4)}.hero .button.secondary:hover{background:rgba(255,255,255,.08)}.trust{font-size:.81rem;color:#b4c5d4;gap:7px 22px}.trust span{gap:6px}
.hero-art.x25-hero-slider{width:100%;height:auto;min-height:0;aspect-ratio:16/9;position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid rgba(211,229,241,.21);background:#122136;box-shadow:0 27px 76px rgba(3,12,22,.27)}.x25-hero-slider::after{content:'';position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(0deg,rgba(9,17,33,.64),transparent);pointer-events:none;z-index:2}.x25-hero-slider::before{content:none}.x25-hero-slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .9s ease;overflow:hidden}.x25-hero-slide.is-active{opacity:1;z-index:2}.x25-hero-slide img,.x25-hero-slide.is-active img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;animation:none!important;filter:none!important;image-rendering:auto}.x25-slide-meta{position:absolute;inset:auto 0 0;z-index:3;display:flex;flex-direction:column;gap:1px;align-items:flex-start;padding:21px 27px;color:white;background:linear-gradient(0deg,rgba(9,17,32,.72),transparent);pointer-events:none}.x25-slide-category{color:#b1f3d1;font-weight:800;font-size:.72rem;letter-spacing:.07em}.x25-slide-title{font-family:Inter,Arial,sans-serif;font-size:clamp(1.18rem,2vw,1.65rem);font-weight:800;letter-spacing:-.03em}
/* Catalogue-first discovery – no repetitive gradient cards, oversized shadows or fake pills. */
.r21-home-discover{background:#fff}.r21-section-intro{padding-bottom:0}.r21-section-intro .visual-heading-large{margin:7px 0 14px}.r21-home-stats,.catalog-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 30px}.r21-home-stats>span,.catalog-overview>div{display:flex;flex-direction:column;gap:3px;background:#f5f7f9;border:1px solid #e8edf1;border-radius:13px;padding:14px 18px;color:#5a6c83;font-size:.85rem}.r21-home-stats strong,.catalog-overview strong{font-size:1.55rem;color:#152b44;line-height:1.3;font-weight:800}.r21-home-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}.home-featured-game{display:flex;flex-direction:column;border-radius:15px;overflow:hidden;border:1px solid #e3e8f0;box-shadow:none;background:#fff;transition:border-color .18s,box-shadow .18s}.home-featured-game:hover{transform:none!important;border-color:#a7bdcb;box-shadow:0 12px 34px rgba(12,34,55,.08)}.home-featured-game img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:none!important;transform:none!important}.home-featured-content{display:grid;gap:7px;padding:18px;background:#fff}.home-featured-content .eyebrow{margin:0;font-size:.65rem}.home-featured-content strong{font-size:1.2rem;color:#172a42}.home-featured-content>span:last-child{color:#536581;font-size:.89rem}.r21-home-all-cta{margin-top:24px}
.section-benefits{background:#f4f6f9}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}.feature,.price-card,.panel,.faq{border:1px solid #e0e6ee;border-radius:16px;background:#fff;box-shadow:none}.feature{min-height:0;padding:clamp(21px,2.5vw,32px);transition:border-color .16s}.feature::after{display:none}.feature:hover{transform:none;box-shadow:none;border-color:#a9bccb}.feature-icon{display:grid;place-items:center;width:44px;height:44px;background:#ebf3f2;color:#266c61;border-radius:11px;font-weight:850}.feature p{font-size:.91rem;color:#68778a;line-height:1.65}.value-rail{box-shadow:none;border:1px solid #e6ecf2;border-radius:15px}.value-dot{color:#16836a}
.how-section{background:#fff}.how-intro{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(25px,4vw,76px)}.how-image{border-radius:17px;padding:8px;box-shadow:none;background:#f2f5f8;border-color:#e7edf2}.how-image img{border-radius:12px}.step-card{background:#f6f7f9;border-color:#e6eaf0;border-radius:13px;padding:20px 24px}.step-number{background:#e8f0ef;color:#19665b}.steps-grid{gap:14px;margin-top:26px}
.section-pricing{background:#eef2f7}.plans{gap:clamp(13px,1.8vw,26px)}.price-card{padding:clamp(24px,3vw,36px);gap:13px;transition:border-color .16s,box-shadow .16s}.price-card.featured{border:1px solid #6770b3;background:#fff;box-shadow:0 0 0 2px rgba(88,96,181,.09)}.price-card:hover,.price-card.featured:hover{transform:none;box-shadow:0 13px 36px rgba(20,35,59,.065)}.price-card .price{letter-spacing:-.045em}.plan-name{margin-top:0}.price-card .button{width:100%}
.split-block{gap:clamp(30px,4vw,70px)}.memory-showcase-link{transform:none!important;translate:none!important;filter:none!important}.memory-showcase-link .memory-showcase{transform:none!important;box-shadow:none;border:1px solid #d9e6e9;border-radius:17px;padding:clamp(17px,2vw,26px);background:#162f3d;gap:9px}.memory-showcase-cta{position:static;display:flex;justify-content:space-between;border-radius:10px;transform:none!important;margin-top:12px;box-shadow:none}.demo-tile{border-radius:9px;box-shadow:none;animation:none!important}.closing-section{background:#101f32;padding:var(--r27-y) var(--r27-pad);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);border-radius:0}.closing-section .button{background:#a4efd0}.closing-section .button.secondary{background:transparent}.closing-image{animation:none!important;filter:none!important}.footer-topline{font-weight:700}footer{background:#101d30;padding:0 var(--r27-pad)}.footer-grid{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))!important;gap:clamp(20px,2.4vw,44px)}footer .footer-links a{color:#b2c0d2}footer .small{color:#9cabc0}.footer-topline{margin-bottom:28px}
/* All 25 game detail pages: contained image / licence panel, not a fuzzy thin strip. */
.premium-product,.premium-landing .premium-product{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(335px,.82fr);align-items:stretch;gap:0;overflow:hidden;border:1px solid #e0e5ed;border-radius:18px;background:#fff;box-shadow:none;margin:clamp(24px,3vw,36px) 0 clamp(35px,4vw,55px)}
.premium-product-art,.premium-landing .premium-product-art,.premium-product-art.r20-art,.premium-product-art.r20-original-art{min-height:0;height:auto;aspect-ratio:16/11;border-radius:0;display:block;position:relative;background:#14243d!important;overflow:hidden;align-self:stretch;padding:0!important}.premium-product-art>img,.premium-product-art.r20-art .r20-product-photo,.premium-product-art.r20-original-art>img,.r20-product-photo{display:block!important;width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:cover;object-position:center;filter:none!important;transform:none!important;image-rendering:auto}.premium-product-art .premium-emoji{display:none!important}.premium-product-title{position:absolute;left:22px;bottom:20px;margin:0!important;padding:7px 10px;background:rgba(14,28,43,.76);border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#fff!important;font-size:1.02rem!important;line-height:1.4}.premium-product-content,.premium-landing .premium-product-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:clamp(25px,3vw,48px);min-width:0;gap:9px}.premium-product-content>p{margin:0 0 9px}.premium-product-content .button{margin-top:8px}.premium-price{color:#1f395c;font-weight:850;letter-spacing:-.04em}.premium-inclusions{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 13px}.premium-inclusions span{background:#eef2f7;border:1px solid #e3e8f0;border-radius:7px;color:#415872;padding:5px 9px}.price-parts,.price-breakdown{border-radius:10px;background:#f5f7fa;border:1px solid #e5eaf1;padding:13px 15px;width:100%}
.r21-game-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(26px,4vw,70px);align-items:center;margin:24px 0 42px}.r21-intro-visual{border-radius:18px;overflow:hidden;border:1px solid #e5eaf1;box-shadow:none}.r21-game-intro .r20-game-hero,.r20-game-hero{aspect-ratio:16/9;display:block;width:100%;height:auto;object-fit:cover;border-radius:0;max-height:none!important;filter:none!important;transform:none!important}.r21-intro-copy{min-width:0}.r21-game-intro .lead{margin-bottom:15px}
.catalog-games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,25px);margin:24px 0 58px}.catalog-game-card{display:flex;flex-direction:column;padding:0;border-radius:16px;overflow:hidden;border:1px solid #e0e6ed;box-shadow:none;gap:0;transition:border-color .18s,box-shadow .18s}.catalog-game-card:hover{transform:none;border-color:#b7c6d7;box-shadow:0 9px 29px rgba(17,34,58,.07)}.catalog-image-link{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#14243d}.catalog-cover,.catalog-game-card:hover .catalog-cover{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transform:none!important;filter:none!important}.catalog-card-content{gap:10px;padding:20px 21px 22px}.catalog-card-content .visual-h3{font-size:1.23rem!important;color:#1b3047!important;margin:0!important}.catalog-summary{line-height:1.6;font-size:.88rem;color:#67768b}.catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-top:auto}.catalog-card-bottom .button{font-size:.8rem;padding:10px 13px}.catalog-price{color:#273f60!important;font-size:1.2rem!important}.catalog-overview>div{padding:19px 21px}
.game-editorial{background:transparent;padding:clamp(30px,4vw,55px) var(--r27-pad)}.editorial-grid{gap:clamp(14px,1.6vw,22px)}.editorial-grid>*{border:1px solid #e4e9f1;border-radius:13px;box-shadow:none}.page-context{background:#eaf0f5;border-color:#dfe7f0;padding:clamp(27px,4vw,49px) var(--r27-pad)}.page-context>p{color:#495c70}.premium-board,.premium-side{border-radius:15px;box-shadow:none}.premium-board{background:#12243b}.premium-choices .premium-option{border-radius:9px}.notice{background:#eaf3f2;border-color:#cde3dc;color:#2b5b56}
/* Account / admin – dense but calm control surfaces, preserve all IDs, tabs and payment controls. */
#auth-root,#admin-root,.admin-shell{background:#fff;border:1px solid #e1e7ef;border-radius:18px;box-shadow:none}.console-tabs{border-color:#e6ebf2;gap:5px;padding:7px 0 10px;scrollbar-width:thin}.console-tabs button,.console-subtabs button{font-weight:700;border-radius:9px}.console-tabs button.selected,.console-subtabs button.selected{background:#142b47;color:#fff;border-color:#142b47;box-shadow:none}.console-tabs button:hover{background:#eef3f8;color:#253851}.console-pane{background:#f7f9fb;border:1px solid #e7edf2;border-radius:13px;padding:clamp(16px,2.1vw,27px)}.console-pane h3,.console-pane .visual-h3{color:#172d47}.console-metrics>div,.admin-shell .metric,.console-surface,.console-order-card{background:#fff;border:1px solid #e1e8f0;border-radius:11px;box-shadow:none}.console-metrics strong,.admin-shell .metric .metric-value{color:#234568}.console-subtabs{border-color:#e7ebf1}.console-pane .table-wrap{border-color:#e4e9ef;border-radius:10px}.console-pane th,th{background:#edf2f6;color:#3d5067}.console-pane td,td{border-color:#e7ebf1}.account-admin-access{background:#eef2f7;border:1px dashed #b4c4d6;color:#2e4869}
.form input,.form select,.form textarea,.form-split input,.form-split select,.form.inline input,.field-group input,.console-pane .form input,.console-pane .form select{min-height:48px;border:1px solid #cbd5e2;border-radius:9px;background:#fff;color:#152a41}.form input:focus,.form select:focus,.form textarea:focus,.field-group input:focus{border-color:#6180a9;box-shadow:var(--ring)}.tabbar button.selected{border-color:#374e9d;color:#263e9e}.faq{padding:19px 23px;margin:11px 0}.faq[open]{border-color:#adbecb;box-shadow:none}.faq summary{font-weight:750}.faq summary:hover{color:#1d5a73}
/* Reduced-motion and responsive rules. */
@media(width<=1100px){body[data-page=home] .hero{grid-template-columns:1fr;gap:33px}body[data-page=home] .hero h1{max-width:20ch}.hero-art.x25-hero-slider{width:100%}.r21-home-featured,.catalog-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-product,.premium-landing .premium-product{grid-template-columns:minmax(0,1fr) minmax(285px,.92fr)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(width<=780px){:root{--r27-pad:clamp(18px,4.8vw,27px);--r27-y:clamp(45px,8vw,64px)}.top{min-height:72px;padding:0 var(--r27-pad)}.top .brand-icon{width:39px;height:39px}.nav-main{padding:17px 23px}.hero h1,body[data-page=home] .hero h1{font-size:clamp(2.3rem,7.4vw,3.8rem);max-width:17ch}.hero-art.x25-hero-slider{aspect-ratio:16/9;border-radius:16px}.r21-home-featured,.catalog-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.r21-home-stats,.catalog-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.r21-home-stats>span,.catalog-overview>div{padding:12px 14px}.feature-grid,.plans{grid-template-columns:1fr 1fr}.split-block,.how-intro,.r21-game-intro,.premium-product,.premium-landing .premium-product{grid-template-columns:1fr}.premium-product-art,.premium-landing .premium-product-art{aspect-ratio:16/9;max-height:none}.premium-product-content,.premium-landing .premium-product-content{padding:24px}.closing-section{grid-template-columns:1fr}.page-context{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.x25-slide-meta{padding:18px}}
@media(width<=530px){.hero h1,body[data-page=home] .hero h1{font-size:clamp(2.24rem,10vw,3.25rem)}body[data-page=home] .hero{padding:51px var(--r27-pad) 56px;gap:27px}.hero .actions,.hero-copy .actions{display:grid;grid-template-columns:1fr;gap:10px}.hero .button{width:100%}.hero-art.x25-hero-slider{aspect-ratio:16/10}.trust{gap:8px 14px}.r21-home-featured,.catalog-games-grid,.feature-grid,.plans{grid-template-columns:1fr}.r21-home-stats,.catalog-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.r21-home-stats strong,.catalog-overview strong{font-size:1.28rem}.r21-home-stats>span,.catalog-overview>div{font-size:.72rem;padding:11px 10px}.home-featured-content{padding:15px}.catalog-card-bottom{flex-wrap:wrap}.catalog-card-bottom .button{width:100%}.console-metrics{grid-template-columns:1fr 1fr}.admin-shell .admin-cards{grid-template-columns:1fr 1fr}.premium-inclusions span{font-size:.72rem}.footer-grid{grid-template-columns:1fr!important}.closing-section{padding:55px var(--r27-pad)}.header .primary-header{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.x25-hero-slide{transition:none!important}}
/* X25GAMES_R27_END */

/* X25GAMES_R27_HEADLINES_FIX1_START */
/* Optischer Feinschliff R27: ausschliesslich Überschriftengrössen.
   Keine Änderungen an Fliesstext, Buttons, Containern, Bildern oder Abständen. */
h1{font-size:clamp(2.25rem,4.1vw,4.15rem)}
h2{font-size:clamp(1.65rem,2.65vw,2.74rem)}
h3{font-size:clamp(1.04rem,1.37vw,1.24rem)}
.visual-heading-large{font-size:clamp(1.68rem,2.65vw,2.74rem)}
.visual-h3{font-size:clamp(1.03rem,1.3vw,1.27rem)}
.hero h1,body[data-page=home] .hero h1{font-size:clamp(2.32rem,3.76vw,4.18rem)}
.x25-slide-title{font-size:clamp(1.08rem,1.8vw,1.48rem)}
.catalog-card-content .visual-h3{font-size:1.14rem!important}
@media(width<=780px){
 .hero h1,body[data-page=home] .hero h1{font-size:clamp(2.1rem,6.7vw,3.42rem)}
}
@media(width<=530px){
 .hero h1,body[data-page=home] .hero h1{font-size:clamp(2rem,8.55vw,2.88rem)}
}
/* X25GAMES_R27_HEADLINES_FIX1_END */


/* X25GAMES_R29_GAME_LAYOUT_START */
/* R29: One coherent game-page layout. No global header, footer or checkout changes. */
body:not([data-page="account"]):not([data-page="admin"]) main > .section:has(> .premium-product),
body:not([data-page="account"]):not([data-page="admin"]) main > .section.r20-challenge {
  box-sizing:border-box;
  padding:clamp(30px,4.1vw,58px) var(--r27-pad) 0;
}
main > .section:has(> .premium-product) > .lead {
  margin:0 0 clamp(19px,2.4vw,28px);
}
/* The image is anchored to its OWN grid cell, never allowed to size the grid. */
main > .section > .premium-product,
main > .section .premium-landing > .premium-product {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:0;
  align-items:stretch;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 0 clamp(22px,2.9vw,36px);
  overflow:hidden;
  isolation:isolate;
  border:1px solid #e0e5ed;
  border-radius:16px;
  background:#fff;
  box-shadow:none;
}
main > .section > .premium-product > .premium-product-art,
main > .section .premium-landing > .premium-product > .premium-product-art {
  display:block;
  box-sizing:border-box;
  position:relative;
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  align-self:stretch;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden;
  border-radius:0;
  background:#15253d;
}
main > .section > .premium-product > .premium-product-art > img,
main > .section .premium-landing > .premium-product > .premium-product-art > img {
  display:block !important;
  box-sizing:border-box;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
}
main > .section > .premium-product > .premium-product-art .premium-product-title,
main > .section .premium-landing > .premium-product > .premium-product-art .premium-product-title {
  z-index:1;
  max-width:calc(100% - 36px);
  overflow-wrap:anywhere;
}
main > .section > .premium-product > .premium-product-content,
main > .section .premium-landing > .premium-product > .premium-product-content {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  width:100%;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  padding:clamp(22px,2.6vw,34px);
  gap:8px;
  overflow-wrap:anywhere;
}
main > .section > .premium-product .price-parts,
main > .section .premium-landing > .premium-product .price-parts {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  margin:2px 0 6px;
}
main > .section > .premium-product .button,
main > .section .premium-landing > .premium-product .button {align-self:flex-start;margin-top:4px}
main > .section:has(> .premium-product) > h2 {margin:0 0 10px}
main > .section:has(> .premium-product) > p:not(.lead) {margin:0 0 8px}
main > .section:has(> .premium-product) > h3 {margin:12px 0 0}
/* The editorial section shares the EXACT outer gutter of the hero. */
body:not([data-page="account"]):not([data-page="admin"]) main > .game-editorial.section {
  box-sizing:border-box;
  width:100%;
  padding:clamp(20px,2.5vw,32px) var(--r27-pad) clamp(45px,5vw,65px);
}
main > .game-editorial .editorial-intro {
  margin:0 0 clamp(20px,2.5vw,30px);
  padding:clamp(22px,2.6vw,32px);
  border-radius:14px;
}
main > .game-editorial .editorial-intro p {line-height:1.65;margin:0 0 8px}
main > .game-editorial .editorial-intro p:last-child {margin-bottom:0}
main > .game-editorial .editorial-guide {padding-top:0}
main > .game-editorial .visual-heading-large {margin:0 0 10px}
main > .game-editorial .editorial-unique-intro {margin:7px 0 0}
main > .game-editorial :where(.editorial-grid,.editorial-standard-grid) {
  gap:clamp(12px,1.4vw,19px);
  margin:clamp(14px,1.8vw,22px) 0 clamp(21px,2.5vw,31px);
  align-items:stretch;
}
main > .game-editorial .editorial-item {min-width:0;padding:clamp(17px,1.9vw,24px)}
main > .game-editorial .editorial-item .visual-h3 {margin:0 0 8px}
main > .game-editorial .editorial-usage {margin-top:clamp(20px,2.5vw,30px);padding-top:clamp(20px,2.5vw,28px)}
main > .game-editorial .editorial-outro {margin-top:clamp(18px,2.3vw,26px);padding-top:clamp(20px,2.5vw,28px)}
main > .game-editorial :where(.editorial-grid,.editorial-standard-grid)>* {min-width:0}
main > .r20-challenge .r21-game-intro {margin:0 0 clamp(20px,2.8vw,35px)}
main > .r20-challenge .challenge-shell {margin:0 0 clamp(24px,3vw,36px)}
main > .r20-challenge > h2 {margin:0 0 10px}
main > .r20-challenge > h3 {margin:18px 0 7px}
main > .r20-challenge > p {margin:0 0 10px}
@media (width <= 900px) {
  main > .section > .premium-product,
  main > .section .premium-landing > .premium-product {grid-template-columns:minmax(0,1fr)}
  main > .section > .premium-product > .premium-product-art,
  main > .section .premium-landing > .premium-product > .premium-product-art {
    aspect-ratio:16/9 !important;
    height:auto !important;
    align-self:auto;
  }
  main > .section > .premium-product > .premium-product-content,
  main > .section .premium-landing > .premium-product > .premium-product-content {padding:clamp(20px,3.5vw,30px)}
  main > .game-editorial .editorial-standard-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (width <= 620px) {
  body:not([data-page="account"]):not([data-page="admin"]) main > .section:has(> .premium-product),body:not([data-page="account"]):not([data-page="admin"]) main > .section.r20-challenge {padding-top:clamp(26px,5vw,38px)}
  main > .section > .premium-product > .premium-product-content,
  main > .section .premium-landing > .premium-product > .premium-product-content {padding:19px}
  main > .game-editorial .editorial-unique-guide .editorial-grid,
  main > .game-editorial .editorial-standard-grid {grid-template-columns:minmax(0,1fr)}
  main > .game-editorial .editorial-intro,main > .game-editorial .editorial-item {padding:19px}
  main > .game-editorial .editorial-outro .button {margin:8px 9px 0 0}
}
/* X25GAMES_R29_GAME_LAYOUT_END */

/* x25games R29 FIX4 — admin analytics subnavigation; scoped, no global grid overrides */
.r29-traffic .r29-traffic-header{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.r29-traffic .r29-period{display:grid;gap:6px;font-weight:700;min-width:135px}
.r29-traffic .r29-traffic-tabs{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;margin:8px 0 22px;padding-bottom:10px;border-bottom:1px solid #e4eaf3}
.r29-traffic .r29-traffic-tabs button{border:1px solid #dae2f1;background:#fff;border-radius:11px;padding:11px 13px;font-weight:700;font-size:.87rem;color:#2b3956;cursor:pointer;min-height:44px}
.r29-traffic .r29-traffic-tabs button.selected{background:#15294a;color:#fff;border-color:#15294a}
.r29-traffic [data-traffic-panel].hidden{display:none!important}
.r29-traffic .r29-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 22px}
.r29-traffic .r29-stat-card{display:flex;flex-direction:column;gap:8px;min-width:0;background:#fff;border:1px solid #e0e7f2;border-radius:14px;padding:16px}
.r29-traffic .r29-stat-card small{font-size:.77rem;color:#54627d}
.r29-traffic .r29-stat-card strong{font-size:clamp(1.25rem,2.5vw,2rem);font-variant-numeric:tabular-nums;color:#172544}
.r29-traffic .r29-stat-card span{font-size:.72rem;color:#75819a}
.r29-traffic .r29-analytics-card{background:#fff;border:1px solid #e0e7f2;border-radius:15px;padding:clamp(12px,2vw,22px);min-width:0;margin-bottom:14px}
.r29-traffic .r29-analytics-card .visual-h3{margin:0 0 13px;font-size:1.1rem}
.r29-traffic .r29-muted{color:#5b6883;font-size:.83rem;line-height:1.6}
.r29-traffic .r29-mail-list{display:grid;gap:9px;margin-top:16px}
.r29-traffic .r29-mail-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(100px,.6fr) auto;align-items:center;gap:12px;background:#f7f9fd;border:1px solid #e5ebf4;border-radius:11px;padding:13px;font-size:.86rem}
.r29-traffic .r29-mail-row [data-status=failed]{color:#a32235}.r29-traffic .r29-mail-row [data-status=submitted]{color:#196c52}
.r29-traffic .r29-timeline{display:grid;gap:11px;margin-top:15px}.r29-traffic .r29-bar-row{display:grid;grid-template-columns:100px minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:.8rem}
.r29-traffic .r29-bar-track{height:12px;background:#edf1f8;border-radius:10px;overflow:hidden}.r29-traffic .r29-bar{display:block;height:100%;background:#6054d4;border-radius:10px}
.r29-stripe-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.r29-mode-card{display:grid;gap:6px;background:#f8fafc;border:1px solid #dce5ef;padding:15px;border-radius:12px;font-size:.85rem}
.r29-mode-card[data-ready=ready]{border-color:#a1d3bc}.r29-mode-card[data-ready=missing]{border-color:#f0c1bd}.r29-mode-card small{font-size:.75rem;color:#5a687c;overflow-wrap:anywhere}
@media(max-width:860px){.r29-traffic .r29-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.r29-traffic .r29-traffic-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.r29-traffic .r29-traffic-tabs button{font-size:.76rem;padding:10px 7px}.r29-traffic .r29-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r29-traffic .r29-mail-row{grid-template-columns:1fr 1fr;gap:7px}.r29-traffic .r29-mail-row strong{grid-column:1 / -1}.r29-stripe-status{grid-template-columns:1fr}}

/* R29 FIX13: verified live UX – scoped imagery and checkout. */
.x25-pay-dialog{width:min(92vw,510px);max-width:510px;max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:1px solid #aab5d5;border-radius:19px;background:#fff;color:#1c2b46;box-shadow:0 32px 100px #050e2666}
.x25-pay-dialog::backdrop{background:rgba(5,15,38,.72);backdrop-filter:blur(6px)}
.x25-pay-panel{padding:clamp(22px,4.5vw,38px);display:grid;gap:13px}
.x25-pay-kicker{letter-spacing:.13em;color:#3f49a3;font-size:.73rem;font-weight:850}
.x25-pay-panel h2{color:#152341;font-size:clamp(1.4rem,3vw,2rem);margin:0}
.x25-pay-panel p{margin:0;color:#53627c;line-height:1.6}
.x25-pay-breakdown{display:grid;gap:0;padding:12px 16px;border-radius:11px;border:1px solid #e1e6f0;background:#f4f6fb;margin:5px 0}
.x25-pay-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:1px solid #dce4ee;padding:8px 0}
.x25-pay-breakdown>div:last-child{border:0}
.x25-pay-breakdown dt{font-size:.92rem;color:#56647d}
.x25-pay-breakdown dd{margin:0;white-space:nowrap;font-weight:750;color:#1a2a4e;font-variant-numeric:tabular-nums}
.x25-pay-breakdown .x25-pay-total dt,.x25-pay-breakdown .x25-pay-total dd{font-size:1.15rem;color:#12253c;font-weight:850}
.x25-pay-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:9px}
.x25-story-art{position:relative;overflow:hidden;isolation:isolate;margin:14px 0 19px;border:1px solid #809bd04d;border-radius:15px;background:#0a1426;aspect-ratio:16/8;box-shadow:0 15px 36px #040b1c40}
.x25-story-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.97);animation:x25-f13-reveal .55s ease-out both}
.x25-story-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(6,12,34,.7))}
.x25-story-art figcaption{position:absolute;z-index:1;bottom:12px;left:16px;color:#f9fbff;font-size:.73rem;font-weight:800;letter-spacing:.1em}
.x25-scene-bubble{position:relative;max-width:95%;margin:0 0 14px 13px;padding:13px 16px;background:#edf1ff;color:#2a3158;border-radius:13px 13px 13px 3px;box-shadow:0 8px 19px #0002}
.x25-scene-bubble:before{content:'';position:absolute;left:-10px;bottom:0;border:10px solid transparent;border-right-color:#edf1ff;border-bottom:0}
.x25-scene-speaker{display:block;font-size:.68rem;font-weight:900;letter-spacing:.1em;color:#4a448e}
.x25-scene-bubble p{margin:4px 0 0;color:#263451;line-height:1.52;font-size:.91rem}
.premium-board #premium-msg:not(:empty){padding:13px 16px;border-radius:12px;border:1px solid #7589bb;background:#27375d;color:#fff;overflow-wrap:anywhere;animation:x25-f13-reveal .25s ease both}
.premium-board .premium-evidence{position:relative;overflow:hidden}
.premium-board .premium-evidence:after{content:'';position:absolute;pointer-events:none;inset:0 auto 0 -40%;width:20%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff20,transparent);animation:x25-f13-scan 8s ease-in-out infinite}
/* Keep the original crop and dimensions. Small interaction effects only. */
.catalog-game-card .catalog-image-link{isolation:isolate}
.catalog-game-card .catalog-cover{transition:transform .48s cubic-bezier(.19,.7,.22,1),filter .48s ease!important}
.catalog-game-card:hover .catalog-cover,.catalog-game-card:focus-within .catalog-cover{transform:scale(1.035)!important;filter:saturate(1.07)!important}
.catalog-game-card .catalog-image-link:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 59%);transform:translateX(-120%);transition:transform .75s ease}
.catalog-game-card:hover .catalog-image-link:after,.catalog-game-card:focus-within .catalog-image-link:after{transform:translateX(120%)}
@keyframes x25-f13-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes x25-f13-scan{0%,65%,100%{transform:translateX(0) skewX(-20deg)}80%{transform:translateX(740%) skewX(-20deg)}}
@media(max-width:620px){.x25-pay-actions{flex-direction:column-reverse}.x25-pay-actions .button{width:100%;justify-content:center}.x25-story-art{aspect-ratio:16/10}.catalog-game-card:hover .catalog-cover{transform:none!important}.catalog-game-card .catalog-image-link:after{display:none}}
@media(prefers-reduced-motion:reduce){.x25-story-art img,.premium-board #premium-msg:not(:empty),.premium-board .premium-evidence:after{animation:none!important}.catalog-game-card .catalog-cover{transition:none!important}.catalog-game-card:hover .catalog-cover,.catalog-game-card:focus-within .catalog-cover{transform:none!important}.catalog-game-card .catalog-image-link:after{display:none}}

/* R29 FIX17.3: missing configuration means a pending action, not an error. */
.r29-mode-card[data-ready="missing"]{border-color:#e4b46c;background:#fff8ed}


/* r29-experience.css */
/* x25games: accessible arcade scenes, image motion and admin game launcher */
.premium-room-shell .premium-board{position:relative;isolation:isolate;overflow:hidden}
.premium-room-shell .premium-board::before{content:"";pointer-events:none;position:absolute;inset:0 0 auto;height:260px;background:radial-gradient(ellipse at 24% 10%,rgba(94,93,251,.16),transparent 73%);z-index:-1}
.r29-stage-visual{margin:clamp(14px,2vw,26px) 0 18px;position:relative}
.r29-scene-frame{position:relative;overflow:hidden;isolation:isolate;border-radius:16px;background:#0c1930;aspect-ratio:16/8;box-shadow:0 14px 34px rgba(7,16,33,.18);border:1px solid rgba(171,190,248,.38)}
.r29-scene-frame>img:first-child{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s ease;filter:saturate(1.03)}
.r29-scene-frame::after{content:"";position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(118deg,transparent 39%,rgba(255,255,255,.22) 48%,transparent 58%);transform:translateX(-140%) rotate(3deg);transition:transform .8s ease}
.r29-scene-frame:hover>img:first-child{transform:scale(1.045);filter:saturate(1.16) contrast(1.03)}
.r29-scene-frame:hover::after{transform:translateX(140%) rotate(3deg)}
.r29-scene-diagram{position:absolute;right:3%;bottom:6%;width:clamp(72px,19%,148px);height:auto;opacity:.91;filter:drop-shadow(0 3px 12px rgba(0,0,0,.55));border-radius:12px;transform:rotate(-5deg);pointer-events:none}
.r29-scene-caption{position:absolute;left:12px;top:12px;z-index:2;background:rgba(9,17,38,.78);border:1px solid rgba(255,255,255,.32);border-radius:99px;padding:4px 10px;color:#fff;font-weight:750;font-size:11px;letter-spacing:.1em}
.r29-dialogue{margin:10px 0 20px;padding:15px 18px;border-radius:15px;background:#edf0ff;color:#242c55;border-left:4px solid #5855d8;line-height:1.55;font-style:italic}
.r29-stage-enter .r29-stage-visual{animation:r29-stage-in .55s both}
@keyframes r29-stage-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.r29-feedback-ok{animation:r29-ok .6s both;border-radius:12px}
@keyframes r29-ok{0%{transform:scale(.98);box-shadow:0 0 0 0 rgba(29,177,109,.35)}70%{transform:scale(1.02);box-shadow:0 0 0 11px rgba(29,177,109,0)}100%{transform:none}}
.r29-feedback-error{animation:r29-error .3s both}
@keyframes r29-error{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}65%{transform:translateX(4px)}}
.r29-finish .premium-board{box-shadow:0 0 0 2px rgba(35,185,122,.44),0 20px 48px rgba(18,68,83,.14)}
.catalog-games-grid .catalog-game img,.premium-product-art img,.r21-intro-visual img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .55s ease}
.catalog-games-grid .catalog-game:hover img,.premium-product-art:hover img,.r21-intro-visual:hover img{transform:scale(1.035);filter:saturate(1.12)}
.r29-admin-play{padding-top:26px;border-top:1px solid #dde3f1;margin-top:28px}
.r29-admin-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}
.r29-admin-game-card{border:1px solid #d9dfef;border-radius:13px;padding:10px;background:white;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.r29-admin-game-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;transition:transform .5s}
.r29-admin-game-card:hover img{transform:scale(1.04)}
.r29-admin-game-card strong{font-size:14px;line-height:1.3;min-height:2.6em}
.r29-admin-game-card button{margin-top:auto}
@media (max-width:600px){.r29-scene-frame{aspect-ratio:16/10}.r29-scene-diagram{width:26%}.r29-admin-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.r29-admin-game-card{padding:7px}.r29-admin-game-card .button{font-size:12px;padding:9px 6px}}
@media (prefers-reduced-motion:reduce){.r29-stage-enter .r29-stage-visual,.r29-feedback-ok,.r29-feedback-error{animation:none!important}.r29-scene-frame img,.r29-scene-frame::after,.r29-admin-game-card img,.catalog-games-grid img,.premium-product-art img{transition:none!important;transform:none!important}}

/* r29-public-pages.css */
/* R29 FIX5 public category and commercial cards: scoped, no global overrides. */
.r29-section-intro{max-width:980px;margin-bottom:26px}
.r29-price-quicklinks,.r29-guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.r29-price-quicklinks a,.r29-guide-actions a{display:inline-flex;align-items:center;min-height:44px;padding:9px 17px;border:1px solid #d5dded;border-radius:12px;background:#fff;color:#142840;text-decoration:none;font-weight:750}
.r29-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 36px}
.r29-price-tile{background:#fff;border:1px solid #dde4ee;border-radius:16px;overflow:hidden;display:flex;min-width:0;flex-direction:column}
.r29-price-photo{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef3f8}
.r29-price-photo img{display:block;width:100%;height:100%;object-fit:cover}
.r29-price-body{padding:19px;display:flex;flex-direction:column;align-items:stretch;gap:9px;flex:1;min-width:0}
.r29-price-body h3{font-size:1.12rem;line-height:1.35;margin:0;min-height:2.6em}
.r29-price-body h3 a{text-decoration:none;color:inherit}
.r29-price-type{font-size:.81rem;color:#485d7b;font-weight:750}
.r29-price-amount{display:flex;flex-direction:column;gap:3px;align-items:flex-start;line-height:1.25}
.r29-price-amount strong{font-size:1.55rem;color:#101e35;line-height:1.12}
.r29-price-amount small,.r29-price-meta{color:#596b82;font-size:.85rem}
.r29-price-meta{margin:auto 0 0;padding-top:8px}
.r29-card-tax{display:flex;flex-wrap:wrap;gap:9px 16px;width:100%;margin:0;color:#4d5f76;font-size:.81rem}
.r29-card-tax div{display:flex;gap:5px}
.r29-card-tax dt,.r29-card-tax dd{margin:0}
.r29-solo-option{width:100%;border:1px solid #ccd5fa;background:#f4f6ff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}
.r29-solo-option[hidden]{display:none!important}
.r29-solo-option strong{font-size:1.3rem;color:#2d369f}
.r29-solo-link{font-weight:750;color:#312fba}
.r29-pricing-note,.r29-guide-panel{border:1px solid #dce2f2;background:#f6f8fd;border-radius:16px;padding:22px;margin:26px 0}
.r29-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.r29-guide-step{background:#fff;border:1px solid #dce2f2;border-radius:14px;padding:20px}
.r29-guide-step strong{display:block;color:#3038b0;font-size:.82rem;margin-bottom:8px}
.r29-public-price-page h2,.r29-guide-page h2{margin-top:28px}
.r29-solo-detail{margin:12px 0}
@media(max-width:1024px){.r29-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r29-guide-grid{grid-template-columns:1fr}}
@media(max-width:640px){.r29-price-grid{grid-template-columns:1fr;gap:14px}.r29-price-body{padding:16px}.r29-price-body h3{min-height:0}.r29-pricing-note,.r29-guide-panel{padding:18px}}

.r29-quiz-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.r29-quiz-tiers article{background:white;border:1px solid #dde4ee;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.r29-quiz-tiers p{margin:0;font-weight:800;font-size:1.25rem}
.r29-quiz-tiers small{color:#5b687c}
.r29-quiz-tiers a{margin-top:auto}
@media(max-width:700px){.r29-quiz-tiers{grid-template-columns:1fr}}

/* R29 FIX5.1: unified, legible, motion-safe responses inside all five game engines. */
#game-msg.x25-feedback-active,#answer-msg.x25-feedback-active,
#premium-msg.x25-feedback-active,#free-message.x25-feedback-active,
#challenge-message.x25-feedback-active{
 display:block; box-sizing:border-box; inline-size:100%; max-inline-size:100%;
 padding:14px 18px; margin-block:14px; border-radius:14px;
 font-size:clamp(.91rem,1.1vw,1rem); font-weight:750; line-height:1.55;
 letter-spacing:0; overflow-wrap:anywhere; border:1px solid transparent;
 color:#fff!important; text-shadow:none; isolation:isolate;
}
#game-msg.x25-feedback-error,#answer-msg.x25-feedback-error,
#premium-msg.x25-feedback-error,#free-message.x25-feedback-error,
#challenge-message.x25-feedback-error{
 background:#a71925!important; border-color:#e65a62!important;
 box-shadow:0 9px 24px rgba(135,14,28,.22);
 animation:x25-feedback-arrive .27s cubic-bezier(.2,.7,.3,1) both,
           x25-feedback-wiggle .32s ease-out .28s both;
}
#game-msg.x25-feedback-success,#answer-msg.x25-feedback-success,
#premium-msg.x25-feedback-success,#free-message.x25-feedback-success,
#challenge-message.x25-feedback-success{
 background:#116b4a!important; border-color:#58ba93!important;
 box-shadow:0 9px 24px rgba(7,89,59,.23);
 animation:x25-feedback-arrive .33s cubic-bezier(.17,.85,.31,1.12) both,
           x25-feedback-soft-glow .65s ease-out .34s both;
}
@keyframes x25-feedback-arrive{
 from{opacity:0;transform:translateY(8px) scale(.985)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes x25-feedback-wiggle{
 0%,100%{transform:translateX(0)} 26%{transform:translateX(-3px)}
 53%{transform:translateX(3px)} 77%{transform:translateX(-1px)}
}
@keyframes x25-feedback-soft-glow{
 from{filter:brightness(1.15)} to{filter:brightness(1)}
}
@media (max-width:640px){
 #game-msg.x25-feedback-active,#answer-msg.x25-feedback-active,
 #premium-msg.x25-feedback-active,#free-message.x25-feedback-active,
 #challenge-message.x25-feedback-active{padding:12px 14px;border-radius:12px;margin-block:12px}
}
@media (prefers-reduced-motion:reduce){
 #game-msg.x25-feedback-active,#answer-msg.x25-feedback-active,
 #premium-msg.x25-feedback-active,#free-message.x25-feedback-active,
 #challenge-message.x25-feedback-active{animation:none!important;transition:none!important}
}

/* R29 FIX17.3: non-logged-in / verification notice is informative, not a system error.
   Real errors keep the existing red .x25-feedback-error class. */
#game-msg.x25-feedback-warning,#answer-msg.x25-feedback-warning,
#premium-msg.x25-feedback-warning,#free-message.x25-feedback-warning,
#challenge-message.x25-feedback-warning{
 background:#a64d08!important;border-color:#efbd81!important;color:#fff!important;
 box-shadow:0 5px 14px rgba(130,69,10,.14);
 animation:x25-feedback-arrive .24s ease-out both;
}
#game-msg:not(.x25-feedback-active),#answer-msg:not(.x25-feedback-active),
#premium-msg:not(.x25-feedback-active),#challenge-message:not(.x25-feedback-active){
 color:#53647c;
}


/* r29-game-motion.css */
/* x25games.ch | R29 FIX17 gaming motion
   Visual-only, scoped. No resized containers, moving controls or untrusted assets. */

/* FIX17.2: the hero has a single, genuinely rounded clipping surface.
   Keep the card shadow outside this mask; mask only animated image layers.
   This prevents rectangular overlays at the lower corners in composited browsers. */
body[data-page="home"] .hero-art.x25-hero-slider{
  --r29-hero-inner-corner:21px;
}
body[data-page="home"] .hero-art.x25-hero-slider::after{
  content:none!important; /* Duplicate rectangular bottom gradient removed. */
}
body[data-page="home"] .x25-hero-slider .x25-hero-mask{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
  border-radius:var(--r29-hero-inner-corner);
  clip-path:inset(0 round var(--r29-hero-inner-corner));
  isolation:isolate;
  contain:paint;
}
body[data-page="home"] .x25-hero-slider .x25-hero-slide{
  border-radius:inherit;
  overflow:hidden;
}
body[data-page="home"] .x25-hero-slider .x25-hero-slide img{
  border-radius:inherit;
}
body[data-page="home"] .x25-hero-slider .x25-slide-meta{
  border-radius:0 0 var(--r29-hero-inner-corner) var(--r29-hero-inner-corner);
}
body[data-page="home"] .x25-hero-slider .x25-hero-slide::after{
  border-radius:inherit;
}
@media (max-width:780px){
  body[data-page="home"] .hero-art.x25-hero-slider{--r29-hero-inner-corner:15px}
}

/* First section: randomized image reveals without changing the original 16:9 crop. */
body[data-page="home"] .r29-hero-motion .x25-hero-slide{
  transition:opacity .7s ease;
}
body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-leaving{
  opacity:1!important;transition:none!important;z-index:1;
}
body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive[data-r29-fx="rift"]{
  animation:r29-hero-rift .92s cubic-bezier(.17,.8,.2,1) both;
}
body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive[data-r29-fx="iris"]{
  animation:r29-hero-iris .95s cubic-bezier(.16,.72,.28,1) both;
}
body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive[data-r29-fx="focus"]{
  animation:r29-hero-focus .95s cubic-bezier(.18,.72,.23,1) both;
}
@keyframes r29-hero-rift{
  0%{opacity:.65;clip-path:inset(0 100% 0 0);transform:scale(1.026)}
  56%{opacity:1}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}
}
@keyframes r29-hero-iris{
  0%{opacity:.65;clip-path:circle(0% at 55% 44%);filter:brightness(1.25)}
  70%{opacity:1}
  100%{opacity:1;clip-path:circle(100% at 55% 44%);filter:brightness(1)}
}
@keyframes r29-hero-focus{
  0%{opacity:0;filter:blur(15px) saturate(1.45) brightness(1.45);transform:scale(1.065)}
  62%{opacity:1}
  100%{opacity:1;filter:blur(0) saturate(1) brightness(1);transform:scale(1)}
}
body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive .x25-slide-meta{
  animation:r29-hero-label .55s cubic-bezier(.2,.8,.25,1) .28s both;
}
@keyframes r29-hero-label{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* Transient light streak on the new game; never blocks its label. */
body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(104deg,transparent 39%,rgba(160,250,239,.2) 49%,rgba(255,255,255,.13) 51%,transparent 61%);
  animation:r29-hero-light .94s ease both;
}
@keyframes r29-hero-light{0%{opacity:0;transform:translateX(-120%)}33%{opacity:1}100%{opacity:0;transform:translateX(120%)}}

/* Reveals are triggered only when a card actually enters the viewport.
   Content stays visible if JS does not load or IntersectionObserver is unavailable. */
.r29-reveal-play{animation:r29-game-enter .55s cubic-bezier(.18,.8,.24,1) backwards;}
.r29-reveal-play.r29-reveal-delay-1{animation-delay:.065s}
.r29-reveal-play.r29-reveal-delay-2{animation-delay:.13s}
.r29-reveal-play.r29-reveal-delay-3{animation-delay:.195s}
@keyframes r29-game-enter{
  from{opacity:.75;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}

/* Hover and keyboard-focus lighting applies to actual game artwork and product cards. */
@media (hover:hover) and (pointer:fine){
  body[data-page="home"] .r29-hero-motion{transition:box-shadow .45s ease}
  body[data-page="home"] .r29-hero-motion:hover{
    box-shadow:0 19px 54px rgba(0,10,34,.2);
  }
  body[data-page="home"] .r29-hero-motion .x25-hero-slide img{
    transition:transform 1.1s cubic-bezier(.2,.75,.23,1),filter .7s ease;
  }
  body[data-page="home"] .r29-hero-motion:hover .x25-hero-slide.is-active img{
    transform:scale(1.009)!important;filter:saturate(1.035)!important;
  }
  .home-featured-game,.catalog-game-card,.r29-price-tile,.r29-admin-game-card{
    transition:transform .32s cubic-bezier(.17,.77,.22,1),box-shadow .32s ease!important;
  }
  .home-featured-game:hover,.home-featured-game:focus-visible,
  .catalog-game-card:hover,.catalog-game-card:focus-within,
  .r29-price-tile:hover,.r29-price-tile:focus-within,
  .r29-admin-game-card:hover,.r29-admin-game-card:focus-within{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 27px rgba(14,31,61,.105)!important;
  }
  .home-featured-game img,.catalog-game-card img,.r29-price-photo img,
  .r29-admin-game-card img,.premium-product-art img,.r21-intro-visual img{
    transition:transform .7s cubic-bezier(.2,.74,.24,1),filter .65s ease!important;
  }
  .home-featured-game:hover img,.home-featured-game:focus-visible img,
  .catalog-game-card:hover img,.catalog-game-card:focus-within img,
  .r29-price-tile:hover img,.r29-price-tile:focus-within img,
  .r29-admin-game-card:hover img,.r29-admin-game-card:focus-within img,
  .premium-product-art:hover img,.r21-intro-visual:hover img{
    transform:scale(1.019)!important;
    filter:contrast(1.018) saturate(1.05)!important;
  }
  .home-featured-game,.catalog-image-link,.r29-price-photo,.premium-product-art,.r21-intro-visual{
    isolation:isolate;
  }
  .home-featured-game::after,.catalog-image-link::before,.r29-price-photo::after,
  .premium-product-art::after,.r21-intro-visual::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.085) 49%,transparent 63%);
    transform:translateX(-120%) skewX(-8deg);
    transition:transform .68s cubic-bezier(.19,.7,.22,1);
  }
  /* Home card shine is restricted to the image region, never the text block. */
  .home-featured-game{position:relative}
  .home-featured-game::after{height:auto;bottom:auto;aspect-ratio:16/9}
  .home-featured-game:hover::after,.home-featured-game:focus-visible::after,
  .catalog-game-card:hover .catalog-image-link::before,.catalog-game-card:focus-within .catalog-image-link::before,
  .r29-price-tile:hover .r29-price-photo::after,.r29-price-tile:focus-within .r29-price-photo::after,
  .premium-product-art:hover::after,.r21-intro-visual:hover::after{transform:translateX(120%) skewX(-8deg)}
  .x25-story-art img{transition:transform .85s cubic-bezier(.18,.7,.22,1),filter .65s ease}
  .x25-story-art:hover img{transform:scale(1.012);filter:saturate(1.05)}
  .r29-scene-frame:hover{box-shadow:0 12px 27px rgba(19,50,89,.14)}
  .r29-price-tile .button:hover,.home-featured-game .button:hover{
    box-shadow:0 3px 12px rgba(35,47,150,.095);
  }
  .r29-guide-step:hover,.feature:hover,.step-card:hover{
    border-color:#afbdd5;box-shadow:0 7px 17px rgba(13,33,58,.05);
  }
  .r29-quiz-tiers article:hover{border-color:#a7afd9;box-shadow:0 7px 16px rgba(13,33,58,.06)}
}

/* Focus visibility without fake hover on touch devices. */
.home-featured-game:focus-visible,.catalog-image-link:focus-visible,.r29-price-tile:focus-within,
.r29-admin-game-card:focus-within{outline:3px solid #606ad9;outline-offset:3px}

@media (max-width:640px){
  .r29-reveal-play{animation-duration:.35s}
}
@media (prefers-reduced-motion:reduce){
  .r29-reveal-play,body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive,
  body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive::after,
  body[data-page="home"] .r29-hero-motion .x25-hero-slide.r29-arrive .x25-slide-meta{
    animation:none!important;transition:none!important;clip-path:none!important;
    transform:none!important;filter:none!important;
  }
  .home-featured-game,.catalog-game-card,.r29-price-tile,.r29-admin-game-card,
  .home-featured-game img,.catalog-game-card img,.r29-price-photo img,
  .premium-product-art img,.r21-intro-visual img,.x25-story-art img{
    animation:none!important;transition:none!important;transform:none!important;
  }
  .home-featured-game::after,.catalog-image-link::before,.r29-price-photo::after,
  .premium-product-art::after,.r21-intro-visual::after{display:none!important}
}

/* R29 FIX17.3: keep legacy non-game cards understated too. */
@media (hover:hover) and (pointer:fine){
 .feature:hover,.price-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(44,53,108,.085)}
 .catalog-game-card:hover{box-shadow:0 12px 27px rgba(14,31,61,.105)!important}
}



/* FIX18: editorial navigation and accessible site-wide search */
.x25-search-trigger{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e2ee;background:#fff;color:#17233b;border-radius:12px;padding:9px 12px;min-height:42px;font-weight:700;cursor:pointer}
.x25-search-trigger:hover{background:#f2f5fa;box-shadow:0 3px 12px rgba(18,32,64,.08)}
.x25-search-trigger:focus-visible,.x25-search-close:focus-visible,.x25-search-result:focus-visible,.x25-text-link:focus-visible{outline:3px solid #384fc7;outline-offset:2px}
.x25-search-dialog{border:1px solid #c9d4e4;border-radius:20px;padding:22px;width:min(640px,calc(100vw - 28px));max-height:min(80vh,740px);box-shadow:0 32px 90px rgba(0,14,35,.24);color:#15233c}
.x25-search-dialog::backdrop{background:rgba(11,22,41,.7)}
.x25-search-header{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:1.25rem}
.x25-search-close{background:#f1f5fa;border:0;border-radius:9px;min-width:42px;min-height:42px;font-size:1.65rem;cursor:pointer}
.x25-search-label{display:block;font-weight:600;font-size:.85rem;margin:15px 0 8px}
.x25-search-input{width:100%;padding:12px 14px;border:1px solid #b7c7dc;border-radius:12px;background:white;color:#17233b;min-height:48px}
.x25-search-results{margin-top:13px;max-height:55vh;overflow-y:auto;overscroll-behavior:contain}
.x25-search-result{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #e9edf4;border-radius:9px;padding:11px 13px;color:#1d2d46;text-decoration:none}
.x25-search-result:hover,.x25-search-result.is-active{background:#f0f4fc}
.x25-search-result small{font-size:.72rem;color:#526886}.x25-search-result strong{font-size:1rem}.x25-search-result span{font-size:.85rem;color:#50617a;line-height:1.5}
.x25-search-note{font-size:.9rem;color:#566982;padding:14px 5px}
.x25-knowledge{width:100%;max-width:none;margin-inline:0;min-width:0}.x25-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.86rem;color:#52677c;margin-bottom:25px}.x25-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.x25-knowledge h1{font-size:clamp(2.2rem,4vw,3.6rem);max-width:100%;margin:14px 0 22px}.x25-knowledge h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-top:40px}.x25-knowledge h3{font-size:clamp(1.3rem,2.4vw,1.8rem);margin-top:38px}
.x25-knowledge .lead{max-width:84ch;line-height:1.7}.x25-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:23px 0 40px}.x25-knowledge-card{min-width:0;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #dce4f0;border-radius:17px;padding:22px;box-shadow:0 8px 25px rgba(16,34,62,.045)}
.x25-knowledge-kicker{font-size:.74rem;font-weight:800;color:#3b4b96;text-transform:uppercase;letter-spacing:.055em}.x25-knowledge-card strong{font-size:1.15rem;line-height:1.3}.x25-knowledge-card p{font-size:.91rem;line-height:1.65;color:#53637b}.x25-knowledge-more{font-weight:700;color:#2c43b6;text-decoration:underline;text-underline-offset:3px;margin-top:auto}
.x25-guide-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 28px}.x25-guide-game{display:block;overflow:hidden;border:1px solid #dce4f0;background:#fff;border-radius:15px}.x25-guide-game img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.x25-guide-game>span{padding:13px 15px;display:flex;flex-direction:column;gap:3px}.x25-guide-game strong{font-size:.97rem}.x25-guide-game small{color:#566781}
.x25-article-tips{padding-left:24px;max-width:78ch;line-height:1.8}.x25-article-tips li{margin:12px 0}.x25-text-link,.x25-related-guide a{color:#283fa6;text-decoration:underline;text-underline-offset:3px}
.x25-related-guide{margin:16px clamp(17px,4vw,48px) 34px;border-top:1px solid #e1e7f0;padding-top:17px}.x25-home-knowledge-links{display:flex;gap:13px;flex-wrap:wrap;margin:20px 0}.x25-home-knowledge-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border-radius:12px;background:#eaf0ff;color:#203a8d;font-weight:750}
.x25-hero-slide:focus-visible{outline:3px solid #eaf3ff;outline-offset:-5px}.x25-hero-slide:not(.is-active){pointer-events:none}.x25-hero-slide.is-active{cursor:pointer}
@media(max-width:950px){.x25-knowledge-grid,.x25-guide-games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.x25-knowledge-grid,.x25-guide-games{grid-template-columns:1fr}.x25-search-trigger{padding:8px 10px}.x25-search-trigger span{display:none}.x25-search-dialog{padding:15px}}

/* R29 FIX20: chapter reading navigation, no change to game scoring or chapter state. */
.x25-story-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;margin:10px 0 18px;background:#eef2f8;border:1px solid #dde5f0;border-radius:14px;}
.x25-story-tab{flex:1 1 140px;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:#324560;font:inherit;font-size:.91rem;font-weight:700;cursor:pointer;padding:9px 12px;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.x25-story-tab[aria-selected="true"]{background:#fff;color:#182e53;border-color:#cbd8ea;box-shadow:0 2px 9px rgba(28,50,80,.06);}
.x25-story-tab:hover{background:#f9fbff;}
.x25-story-tab:focus-visible{outline:3px solid #4463aa;outline-offset:2px;}
.x25-story-panel[hidden]{display:none!important;}
.x25-story-panel{min-width:0;animation:x25ReadingIn .2s ease-out;}
.x25-story-help{font-size:.87rem;color:#566980;line-height:1.6;}
.x25-story-next{margin-top:15px;min-height:44px;}
.x25-story-decision{border:1px solid #d8e1f0;background:#f8faff;padding:clamp(14px,2vw,23px);border-radius:15px;}
@keyframes x25ReadingIn{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.x25-story-panel{animation:none!important}.x25-story-tab{transition:none!important}}

/* R29 FIX20.2: premium and free original card puzzles – restrained motion, no red backgrounds. */
.x25-playing-card{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:115px!important;padding:16px 12px!important;background:linear-gradient(150deg,#fff 0%,#f2f5ff 100%)!important;border:1px solid #bdcce2!important;border-radius:14px!important;box-shadow:0 7px 16px rgba(20,38,79,.08)!important;color:#17294c!important;font-weight:800!important;letter-spacing:.02em!important;transition:transform .16s ease,border-color .16s ease!important;}
.x25-playing-card>span{font-size:clamp(1.3rem,2vw,2rem)!important;font-weight:850!important;line-height:1.25!important;}
.x25-playing-card:hover{transform:translateY(-2px)!important;border-color:#8096d4!important;box-shadow:0 10px 19px rgba(20,38,79,.1)!important;}
.x25-playing-card:focus-visible{outline:3px solid #394bc6!important;outline-offset:3px;}
.x25-playing-card:disabled{opacity:.6;transform:none!important;}
@media(max-width:640px){.x25-playing-card{min-height:98px!important;padding:12px 8px!important}}
@media(prefers-reduced-motion:reduce){.x25-playing-card{transition:none!important;transform:none!important}}