@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#342048;--violet:#68418a;--purple:#583079;--pink:#f2a5cb;--cream:#fff8ed;--yellow:#ffe588;--aqua:#cff3e6}*{box-sizing:border-box}body{margin:0;color:var(--cream);font-family:'DM Sans',system-ui,sans-serif;background:radial-gradient(circle at 30% 0,#855ca8,#49316e 60%,#2d1a4f);min-height:100dvh}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffdc78;outline-offset:3px}button:disabled{cursor:default;opacity:.55}.hidden{display:none!important}.top{height:65px;padding:0 clamp(14px,3vw,50px);display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid #fff3;background:#26163bcc;letter-spacing:.07em;font-size:12px}.top strong{color:#ffcbeb;white-space:nowrap}.sound,.small{background:#fff0; border:2px solid #ffffff66;color:#fff;border-radius:12px;padding:9px 13px;font-weight:800}.sound{min-width:77px}.intro{max-width:1130px;margin:35px auto;padding:15px;display:grid;grid-template-columns:1.02fr 1fr;gap:46px;align-items:center}.heroart{position:relative;border:9px solid #f5d4ec;border-radius:25px;overflow:hidden;box-shadow:18px 22px 0 #20103655}.heroart img{display:block;width:100%;height:auto}.floating{position:absolute;top:15px;right:13px;padding:12px 17px;background:#fff7eb;color:#50316c;border:2px solid #ffde8f;border-radius:17px;font-size:13px;font-weight:800;box-shadow:0 8px 0 #48276555;animation:bob 4s infinite}.herotext h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(53px,7vw,89px);line-height:.99;letter-spacing:-.06em;margin:20px 0}.herotext h1 em{font-style:normal;color:#ffd99c}.herotext p{font-size:18px;line-height:1.65;max-width:520px}.herotext small{display:block;margin-top:15px;color:#e6cee9}.pill,.microtag{display:inline-block;background:#ffadd5;color:#48265f;padding:8px 14px;font-size:12px;font-weight:900;letter-spacing:.06em;border-radius:99px}.primary,.next{background:#ffe58f;border:0;border-bottom:7px solid #ae8340;color:#422453;font-weight:900;padding:16px 24px;border-radius:18px;margin:14px 0;transition:transform .16s}.primary:not(:disabled):hover,.next:hover{transform:translateY(-3px)}.consent{display:flex;gap:11px;background:#fff2;border:1px solid #ffffff4d;padding:13px;border-radius:12px;line-height:1.5;font-size:13px;max-width:500px}.consent input{width:18px;flex-shrink:0;accent-color:#ffe588}.room,.desktop{max-width:1040px;margin:26px auto;padding:0 14px}.status,.osbar{background:#fff5ec;color:var(--ink);border-radius:17px 17px 0 0;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:900;gap:10px}.roomart{position:relative;overflow:hidden;border:8px solid #eed9f3;border-top:0;border-radius:0 0 18px 18px}.roomart img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hotspot{position:absolute;top:44%;left:52%;transform:translate(-50%,-50%);border:0;background:#48266fe5;color:#fff;padding:12px 18px;border-radius:20px;font-size:12px;font-weight:800;box-shadow:0 0 0 9px #fff7af55,0 0 35px #fff4a7;animation:pulse 2.5s infinite}.hotspot span{display:block;font-size:34px}.bubble{position:absolute;bottom:13%;left:12%;background:#fff5f0;color:#50316c;border-radius:20px;padding:12px;font-size:12px;font-weight:800;animation:bob 3s infinite}.helper{text-align:center;color:#ead5f5;font-size:13px;margin:12px}.osbar{background:#f0d7f3}.osbar .small{border:0;background:#704293}.wallpaper{height:570px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 65% 13%,#ffd8d1 0,transparent 42%),radial-gradient(circle at 30% 90%,#b58ddd 0,transparent 52%),linear-gradient(130deg,#8f60b0,#6b489f 65%,#4d347b);border:7px solid #f0d7f3;border-top:0}.wallpaper:before{position:absolute;content:'✦';font-size:160px;opacity:.13;left:44%;top:30%;animation:rot 24s linear infinite;pointer-events:none}.brandprint{position:absolute;bottom:35px;right:35px;transform:rotate(-11deg);text-align:center;font-size:35px;font-weight:900;opacity:.19;letter-spacing:.1em}.apps{position:relative;z-index:2;width:52%;height:100%;padding:30px 15px;display:grid;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 5px}.app{position:relative;border:0;background:transparent;color:white;display:grid;justify-items:center;gap:6px;font-weight:800;font-size:12px;text-shadow:0 2px 8px #3b1958}.app>span{display:grid;place-items:center;font-size:35px;width:65px;height:65px;border:3px solid #fff8f2;border-radius:18px;background:linear-gradient(135deg,#fff8ed,#f6b7d9);color:#754391;box-shadow:0 6px 0 #4f3073,0 13px 15px #2c17465c;transition:transform .2s}.app:hover>span{transform:translateY(-6px)}.app.ready>span{animation:glow 1.8s infinite}.app.cleared>span{background:linear-gradient(135deg,#f8efdf,#c7e8d5)}.app .dot{position:absolute;top:-6px;right:17px;background:#ff578e;border:2px solid #fff;border-radius:30px;min-width:23px}.widgets{z-index:1;position:absolute;right:4%;top:6%;width:42%;display:grid;grid-template-columns:1fr 1fr;gap:11px}.widget{display:grid;align-content:center;gap:7px;padding:15px;border-radius:14px;border:2px solid #fff9;box-shadow:0 10px 25px #371c5e44;color:#43275c;text-align:left;min-height:110px;font-size:12px}.widget b{font-size:11px}.widget strong{font-size:20px}.widget span{line-height:1.45}.welcome{grid-column:span 2;background:#fff8e9;transform:rotate(1deg)}.yellow{background:#fff0a2;transform:rotate(-3deg)}.blue{background:#dbecff;transform:rotate(2deg)}.pink{grid-column:span 2;background:#ffd2e8;min-height:85px;transform:rotate(-1deg)}.taskbar{display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:0 0 18px 18px;background:#332046;font-size:12px;font-weight:800}.taskbar button{background:#e9c8f0;color:#3b2151;border:0;border-radius:8px;padding:8px 11px;font-weight:900}.taskbar #badges{margin-left:auto}.popup{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);width:min(94%,750px);height:auto;max-height:96%;border:4px solid #3a2256;background:#fffaf2;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #1b0b31b6;animation:appear .22s ease-out}.popupbar{background:#70469b;color:white;display:flex;align-items:center;justify-content:space-between;padding:9px 13px;font-weight:800;font-size:12px}.popupbar button{border:0;background:#ffdbf1;border-radius:7px;color:#402156;font-size:22px;font-weight:900;min-width:34px}.popbody{padding:20px 23px;color:#38204d;overflow:auto;max-height:min(490px,72dvh);font-size:15px;line-height:1.52}.popbody h2{font:700 clamp(21px,3vw,30px)/1.2 'Space Grotesk';margin:13px 0}.popbody .microtag{font-size:10px;padding:5px 9px}.email,.chat,.ai{padding:15px;background:#fff;border:2px solid #ead8f0;border-radius:12px;margin:15px 0}.email small,.ai small{font-weight:800;color:#73568c;font-size:11px}.chat{background:#f0e4ff}.choices,.clues{display:grid;gap:9px;margin-top:14px}.choice{display:block;text-align:left;background:white;color:#402454;border:2px solid #dccce5;padding:12px 15px;border-radius:12px;font-size:14px;font-weight:800}.choice:hover{background:#f8eafa;border-color:#a981c7}.choice.picked{background:#e4f0da;border-color:#6f9c61}.feedback{margin-top:17px;padding:15px;border-radius:11px;background:#fff1be;border-left:5px solid #e4a642}.feedback.good{background:#e3f7e7;border-color:#74b894}.feedback b{font-size:16px}.feedback p{margin-bottom:0}.next{background:#704395;color:white;border:0;border-radius:10px;padding:12px 17px}.toast{position:absolute;z-index:11;bottom:16px;left:50%;transform:translateX(-50%);max-width:90%;background:#fffaf0;color:#513268;padding:12px 20px;border:2px solid #ffd780;border-radius:13px;text-align:center;font-size:13px;font-weight:800;box-shadow:0 10px 30px #2d104988}.survey,.end{max-width:760px;margin:36px auto;padding:35px;border:3px solid #f4d2ed;background:#fff9f0;color:#37204c;border-radius:23px;text-align:center;box-shadow:0 20px 60px #210c3d6f}.survey h2,.end h2{font:700 clamp(26px,4.5vw,40px)/1.16 'Space Grotesk'}.survey .choices{max-width:570px;margin:20px auto}.trophy{font-size:49px;animation:bob 4s infinite}.reward{padding:22px;background:#f7dbf3;border:2px dashed #c985b8;border-radius:15px;max-width:470px;margin:20px auto;display:grid;gap:8px}.reward span,.reward small{font-size:12px}.reward strong{font:700 24px 'Space Grotesk'}.saveStatus{font-weight:800}.saveStatus.ok{color:#247049}.saveStatus.err{color:#b23559}.endactions{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;margin:22px}.endactions .small{color:#644183;border-color:#cab0d9}.endactions a{font-weight:800;color:#71408a}footer{text-align:center;padding:28px 15px;color:#dfcaeb;font-size:12px;line-height:2}footer a{color:#fff3aa}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes glow{50%{filter:drop-shadow(0 0 14px #fff295);transform:translateY(-4px)}}@keyframes pulse{50%{box-shadow:0 0 0 15px #fff7af26,0 0 50px #fff4a7}}@keyframes rot{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translate(-50%,-44%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:760px){.top{height:56px}.top>span{display:none}.intro{grid-template-columns:1fr;gap:25px;margin:8px auto}.heroart{max-width:550px;margin:auto}.herotext{text-align:center}.herotext p{margin:auto auto 18px}.herotext .consent{text-align:left;margin:auto}.herotext h1{font-size:clamp(52px,12vw,75px)}.room,.desktop{margin:12px auto}.wallpaper{height:min(720px,calc(100dvh - 160px));min-height:510px}.apps{width:52%;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 4px;gap:13px 0}.app{font-size:11px}.app>span{width:53px;height:53px;font-size:28px}.widgets{right:2%;top:4%;width:45%;grid-template-columns:1fr;gap:9px}.widget{padding:9px;min-height:69px}.widget strong{font-size:13px}.widget b{font-size:9px}.widget span{font-size:10px}.welcome,.pink{grid-column:auto}.brandprint{display:none}.popup{width:98%;max-height:97%}.popbody{padding:14px;max-height:calc(100dvh - 230px)}.popbody h2{font-size:23px}.popbody .choice{font-size:13px}.taskbar{font-size:10px;gap:8px}.taskbar #track{display:none}.status,.osbar{padding:11px;font-size:11px}.roomart img{aspect-ratio:4/3}.bubble{bottom:6%;left:3%;font-size:10px;padding:7px}.survey,.end{margin:13px;padding:20px 16px}.reward strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V12: brevedad, bienvenida y cierre social */
.orientation{position:absolute;z-index:12;inset:0;background:#22102cbe;display:grid;place-items:center;padding:18px}.orientationCard{max-width:490px;background:#fff8ef;color:#3c2355;padding:30px;border:5px solid #f4aad4;border-radius:20px;text-align:center;box-shadow:0 20px 40px #13071f77}.orientationCard h2{font-size:clamp(25px,4vw,38px);margin:16px 0 8px}.orientationCard p{line-height:1.5;margin:8px 0}.orientationCard .next{margin:15px 0 0}.socialOutro{margin-top:22px;padding:15px;background:#f6e3f2;border-radius:15px}.socialOutro p{margin:7px auto;font-size:14px;max-width:440px}.endactions a{display:inline-block;background:#74449b;color:#fff;padding:12px 16px;border-radius:11px;text-decoration:none}.surveyNote{font-size:13px;color:#665174}.popbody{line-height:1.4}.popbody h2{margin:7px 0 10px}.popbody .email,.popbody .chat,.popbody .ai{margin:9px 0;padding:12px}.feedback{margin-top:12px;padding:11px}.feedback p{margin-top:5px}.popbody .choice{padding:11px 13px}.popbody .choices{gap:7px;margin-top:8px}@media(max-width:760px){.orientationCard{padding:20px}.orientationCard p{font-size:14px}}

/* V12.3: breve perfil opcional, misma estética del videojuego */
.profile{max-width:760px;margin:28px auto;padding:clamp(20px,4vw,34px);border:3px solid #f4d2ed;background:#fff9f0;color:#37204c;border-radius:23px;box-shadow:0 20px 60px #210c3d6f}.profile h2{font:700 clamp(27px,4vw,36px)/1.2 'Space Grotesk';margin:12px 0}.profileTop p{font-size:14px;line-height:1.5;color:#685376}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:19px}.profileGrid label{display:grid;gap:7px;font-weight:800;font-size:13px}.profileGrid select,.profileGrid input{border:2px solid #e4cce8;border-radius:10px;background:white;color:#422456;padding:12px;font:inherit;min-width:0}.profileGrid small{font-weight:500}.interestField{margin:20px 0 6px;border:2px solid #e4cce8;border-radius:14px;padding:15px;display:grid;gap:10px}.interestField legend{font-weight:800;font-size:14px;padding:0 7px}.interestField label{display:flex;align-items:center;gap:9px;font-size:13px}.interestField input{accent-color:#73469b}.profile .primary{width:100%;margin-bottom:0}@media(max-width:580px){.profile{margin:12px;padding:19px}.profileGrid{grid-template-columns:1fr;gap:12px}.profileGrid select,.profileGrid input{padding:10px}.interestField{gap:12px}}