/* Three spaces, one universe. Decorative layers never intercept controls. */
body{--space-ink:#243c83;--space-accent:#4566ef;--space-soft:#e9edff;background:#faf9f4;background-image:radial-gradient(ellipse at 96% 20%,#dce8ff66,transparent 38%);transition:background-color .5s}
body[data-yuni-space=yuniplayground]{--space-ink:#513b85;--space-accent:#8962d5;--space-soft:#eee7ff;background:#fbf8ff;background-image:radial-gradient(ellipse at 2% 13%,#dfccff70,transparent 33%),radial-gradient(ellipse at 99% 50%,#d9f5c780,transparent 38%)}
body[data-yuni-space=yuniroom]{--space-ink:#6a517c;--space-accent:#a174b2;--space-soft:#f4e5f2;background:#fcf5f1;background-image:radial-gradient(ellipse at 8% 25%,#ffdbbf77,transparent 38%),radial-gradient(ellipse at 95% 65%,#dccfff88,transparent 40%)}
.site-header{background:#ffffffc9;backdrop-filter:blur(16px);border-bottom-color:#dfe3ee}.brand-mark{font-family:Nunito,sans-serif;font-weight:900}.brand-mark>span{display:inline-block;animation:yuni-turn 18s linear infinite}
.space-navigation{gap:15px}.space-navigation>a{border-radius:19px;background:#ffffffad;border-color:#d7ddea;box-shadow:0 5px 16px #24356506;transition:transform .22s,box-shadow .22s,background .3s}.space-navigation span{font-family:Nunito,sans-serif;font-weight:900}.space-navigation a:hover{transform:translateY(-4px);box-shadow:0 10px 22px #24356513}.space-navigation a[aria-current=page]{background:var(--space-ink);border-color:var(--space-ink);box-shadow:0 5px 0 color-mix(in srgb,var(--space-accent),white 70%)}.space-navigation a[aria-current=page] i{transform:rotate(-8deg)}
.space-intro{position:relative;isolation:isolate}.space-intro h1{font-family:Nunito,sans-serif;font-weight:900;letter-spacing:-1.8px;color:var(--space-ink)}.space-intro>.eyebrow{color:var(--space-accent)}
.yuni-confetti{position:absolute;right:4%;top:18px;width:230px;height:120px;z-index:-1;pointer-events:none;opacity:.8}.yuni-confetti i{position:absolute;font-style:normal;color:var(--space-accent);font-family:Nunito,sans-serif;animation:yuni-float 6s ease-in-out infinite}.yuni-confetti i:nth-child(1){font-size:70px;left:70px;top:0;transform:rotate(-15deg)}.yuni-confetti i:nth-child(2){font-size:26px;left:0;top:35px;animation-delay:-2s;color:#e2a747}.yuni-confetti i:nth-child(3){font-size:38px;right:0;top:45px;animation-delay:-4s;color:#76a98c}.yuni-confetti i:nth-child(4){font-size:20px;left:55px;bottom:0;animation-delay:-1s}
.hero{gap:36px}.hero-art{border-radius:30px 30px 30px 8px;box-shadow:9px 12px 0 #dfe7ff;overflow:hidden}.hero-art .art-badge{border-radius:50px}.title-dot,.strip-star{display:inline-block;animation:yuni-sway 6s ease-in-out infinite}.hero-cta,.primary-button,.record-button{border-radius:14px;transition:transform .18s,box-shadow .18s}.hero-cta:hover,.primary-button:hover,.record-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3045a126}.identity-strip{background:#edf1ff;border-color:#d9e0f9}.calendar-panel,.day-agenda,.task-panel{border-radius:23px;border-color:#dbe1ef;box-shadow:0 8px 25px #36476b06}.calendar-panel{background:#ffffffc9}.day-agenda{background:linear-gradient(145deg,#eef1ff,#fffaf2)}.task-panel{background:#fffdf8}.calendar-toolbar{border-radius:20px 20px 0 0}.calendar-days button{transition:background .18s,transform .18s}.calendar-days button:hover{transform:translateY(-2px)}
.project,.album-card{border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project:hover,.album-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #2f407b14}.project-art,.study-art{overflow:hidden}.notes-section{background:linear-gradient(120deg,#edf1ff,#f6f2fa 65%,#fcf2e8)}.note-row{border-radius:12px;transition:background .2s,transform .2s}.note-row:hover{transform:translateX(4px)}.about-mark{border-radius:28px}.closing{border-radius:26px}
.portal-card{border-radius:26px;box-shadow:0 7px 0 #d9d3eb55;transition:transform .25s,box-shadow .25s}.portal-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 13px 0 #d9d3eb66}.portal-what{background:linear-gradient(135deg,#f0e4ff,#e1e7ff)}.portal-room{background:linear-gradient(135deg,#e6f2dc,#fbefd9)}.portal-sprites svg{animation:yuni-float 5s ease-in-out infinite}.portal-sprites>*:nth-child(2){animation-delay:-2s}.portal-stamp{border-radius:12px}.arena-launch{border-radius:28px;box-shadow:0 9px 0 #c9bddc66;background-image:radial-gradient(ellipse at 90% 0,#b37ee36b,transparent 65%),radial-gradient(ellipse at 10% 100%,#549dc74a,transparent 55%)}.arena-launch-art>i{animation:yuni-float 5s ease-in-out infinite}.arena-launch-art>i:nth-of-type(2){animation-delay:-1s}.arena-launch-art>i:nth-of-type(3){animation-delay:-2s}.arena-launch-art>i:nth-of-type(4){animation-delay:-3s}.rift-ring:after{animation:yuni-turn 25s linear infinite}.fake-beat em{animation:yuni-beat 1.07s ease-in-out infinite}.arena-launch button{transition:transform .2s,box-shadow .2s}.arena-launch button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #829e69}.story-card{border-radius:22px;transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #553e7c18}.story-card-issue{border-radius:8px}
.pixel-frame{border-radius:24px;overflow:hidden;box-shadow:0 10px 0 #dcd0e5,0 18px 40px #795c7c10;border-color:#bcaccb}.pixel-frame-foot{background:#f5edf8}.pixel-catalog,.pixel-inspector{border-radius:22px;border-color:#e0d1e4;background:#fffbff;box-shadow:0 7px 20px #72597407}.pixel-toolbar{background:#fff8f1;border-radius:20px 20px 0 0}.pixel-toolbar button,.pixel-heading-actions button,.catalog-tabs button{border-radius:10px}.catalog-item{border-radius:14px;transition:transform .2s,background .2s,box-shadow .2s}.catalog-item:hover{transform:translateY(-3px);background:#f0e8fa;box-shadow:0 5px 10px #89649b18}.pixel-inspector .inspector-head{color:#795987}.pixel-editor-help{color:#81698e}
.yuni-enter{animation:yuni-enter .65s cubic-bezier(.2,.7,.3,1) both}
@keyframes yuni-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes yuni-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes yuni-turn{to{rotate:360deg}}
@keyframes yuni-sway{0%,100%{rotate:-8deg}50%{rotate:12deg}}
@keyframes yuni-beat{0%,100%{scale:1;opacity:.8}50%{scale:1.18;opacity:1}}
@media(max-width:640px){.space-navigation{gap:7px}.space-navigation>a{border-radius:14px}.yuni-confetti{right:0;top:6px;width:100px;opacity:.25}.yuni-confetti i:nth-child(1){font-size:55px;left:15px}.yuni-confetti i:nth-child(2){left:0}.yuni-confetti i:nth-child(4){display:none}.space-intro h1{position:relative}.hero-art{border-radius:24px;box-shadow:5px 7px 0 #dfe7ff}.portal-card,.arena-launch{border-radius:22px}.pixel-frame{border-radius:17px}.project,.album-card{border-radius:17px}.space-navigation span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.space-navigation>a,.project,.album-card,.story-card,.portal-card,.catalog-item,.note-row{transition:none!important;transform:none!important}.yuni-enter{opacity:1;translate:none}}
/* Retain readable contrast with the original light-on-dark card copy. */
.identity-strip{color:#334d99}.portal-what{background:linear-gradient(125deg,#6242ba,#455fbd)}.portal-what .portal-copy p,.portal-what .portal-copy small{color:#e3ddfb}.portal-what .portal-copy h3{color:#fff}
/* Clearer hierarchy for key labels and actions. */
.section-heading h2,.space-intro h1,.hero h1{font-weight:900}.space-navigation span,.space-navigation b,.desktop-nav a,.primary-button,.secondary-button,.record-button,.hero-cta,.calendar-toolbar h3,.agenda-heading h3,.task-panel-head,.project-info h3,.catalog-title h3,.life-panel h3,.life-quickbar b,.life-recipes summary,.life-recipe-list b,.life-pair-button,#life-quick-react,#pixel-walk,#pixel-mode,#pixel-save{font-weight:800!important}.life-quickbar span,.life-status,.life-reaction-label,.life-near-controls>span,.pixel-description,.section-description{font-weight:600}.life-panel h3,.life-quickbar b{color:#624073}.life-status{color:#6d477e}.life-quickbar span{color:#80618e}.life-reaction-label{font-weight:800}