/* MAX FINISH — unchanged navigation, deeper materials, restrained motion. */
body{background:radial-gradient(ellipse at 4% 8%,#572b752b,transparent 36%),radial-gradient(ellipse at 100% 38%,#074c7b36,transparent 42%),radial-gradient(ellipse at 45% 100%,#1c42742b,transparent 50%),#020c18}
.simple-shell .ref-topbar{background:linear-gradient(120deg,#081b2d55,#1a1d3544);backdrop-filter:blur(16px);border-bottom:1px solid #88b7e72d}
.simple-main-nav{border-color:#698bb04d;box-shadow:inset 0 1px #e9f8ff2e,inset 0 -2px #0004,0 6px 0 -3px #0004,0 10px 30px #0003}
.ref-hero{box-shadow:inset 0 1px #fff4,0 14px 0 -10px #162b4766,0 25px 65px #0005,0 0 50px #1b65900b}
.ref-hero::after{box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #66b1ff70,inset 1px 0 #bdd3f12b,inset -1px 0 #bdd3f12b;border-radius:inherit}
.ref-hero h1{font-size:clamp(36px,3.3vw,54px);letter-spacing:-1.7px;text-shadow:0 2px 0 #03112455,0 6px 22px #0005}
.ref-world-grid{gap:25px;margin-bottom:4px;perspective:1600px}
.ref-world{--tile-light:#ff6dbb;--depth-edge:#651c54;border-radius:15px;border:1px solid #ff79bf94;box-shadow:inset 0 2px #ffd8ed5e,inset 2px 0 #ffe5f22b,inset -1px 0 #f1a8d344,0 3px 0 var(--depth-edge),0 7px 0 #080b18,0 13px 0 -4px #0004,0 26px 48px #0008,0 0 38px #f12b9916}
.ref-world.house-world{--tile-light:#55ccff;--depth-edge:#175f86;border-color:#73d3ff99;box-shadow:inset 0 2px #d9f3ff66,inset 2px 0 #c0edff2e,inset -1px 0 #a4dfff44,0 3px 0 var(--depth-edge),0 7px 0 #080b18,0 13px 0 -4px #0004,0 26px 48px #0008,0 0 40px #139dff1f}
.surface-3d{transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .28s,border-color .28s;--lift:0px}
.surface-3d:hover{--lift:-7px;box-shadow:inset 0 2px #ffffff70,inset 0 -1px color-mix(in srgb,var(--tile-light,#67aaf3) 65%,transparent),0 3px 0 color-mix(in srgb,var(--tile-light,#67aaf3) 33%,#06101d),0 8px 0 #06101d,0 35px 65px #0009,0 0 45px color-mix(in srgb,var(--tile-light,#67aaf3) 22%,transparent)}
.surface-3d::after{background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,0%),#ffffff26,transparent 54%),linear-gradient(125deg,#ffffff08,transparent 40%,#ffffff03 70%,transparent);box-shadow:inset 0 1px #fff3;border-radius:inherit}
.ref-world::before{left:6%;right:6%;height:2px;opacity:1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tile-light) 70%,white),transparent);box-shadow:0 0 13px var(--tile-light),0 0 30px color-mix(in srgb,var(--tile-light) 50%,transparent)}
.ref-world .theme-photo img{transition:transform .65s ease,filter .65s ease;filter:saturate(1.08)}.ref-world:hover .theme-photo img{transform:scale(1.06);filter:saturate(1.14)}
.ref-world-content{transform:translateZ(12px)}.ref-world h2{font-weight:800;text-shadow:0 2px #020b1c66,0 7px 22px #0005}.ref-world p{text-shadow:0 1px 8px #0005}
.ref-world-icon,.ref-feature-tabs .neon-icon,.quick-tile .neon-icon{--icon-color:currentColor;position:relative;isolation:isolate;transform:perspective(450px) rotateX(13deg) rotateY(-13deg);transform-style:preserve-3d;background:radial-gradient(ellipse at 15% 0%,#ffffff35,transparent 60%),linear-gradient(145deg,#34405777,#061324cc);border:1px solid color-mix(in srgb,currentColor 60%,transparent);box-shadow:inset 0 2px #fff6,inset 2px 0 #fff2,inset 0 -2px #0004,2px 3px 0 color-mix(in srgb,currentColor 35%,#102338),4px 6px 0 #041222,8px 14px 15px #0006,0 0 20px color-mix(in srgb,currentColor 14%,transparent);transition:transform .35s,box-shadow .35s}
.ref-world-icon{width:61px;height:61px;border-radius:17px;margin-top:21px;margin-bottom:5px}.ref-world-icon .ui-icon{width:39px;height:39px;stroke-width:1.8}
.ref-world-icon::before,.ref-feature-tabs .neon-icon::before,.quick-tile .neon-icon::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(132deg,#ffffff5c,transparent 38%,transparent 68%,#ffffff12);border-top:1px solid #fff8}
.ref-world-icon::after,.ref-feature-tabs .neon-icon::after,.quick-tile .neon-icon::after{content:"";position:absolute;left:8%;right:8%;bottom:-14px;height:10px;border-radius:50%;background:currentColor;filter:blur(12px);opacity:.35;transform:translateZ(-10px);pointer-events:none;z-index:-1}
.ref-world-icon .ui-icon,.ref-feature-tabs .neon-icon .ui-icon,.quick-tile .neon-icon .ui-icon{transform:translateZ(12px);filter:drop-shadow(0 1px #fff2) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px color-mix(in srgb,currentColor 50%,transparent))}
.house-world .ref-world-icon{background:radial-gradient(ellipse at 15% 0%,#dbf5ff3b,transparent 60%),linear-gradient(145deg,#1b6b9a88,#061c31cc);box-shadow:inset 0 2px #fff6,inset 2px 0 #fff2,inset 0 -2px #0004,2px 3px 0 #226991,4px 6px 0 #061a31,8px 14px 15px #0006,0 0 24px #00bbff25}
.ref-world:hover .ref-world-icon,.ref-feature-tabs>a:hover .neon-icon,.quick-tile:hover .neon-icon{transform:perspective(450px) translateY(-4px) rotateX(7deg) rotateY(-6deg);box-shadow:inset 0 2px #fff8,inset 0 -2px #0004,2px 4px 0 color-mix(in srgb,currentColor 40%,#102338),4px 7px 0 #041222,9px 18px 20px #0007,0 0 30px color-mix(in srgb,currentColor 32%,transparent)}
.neon-action{position:relative;overflow:hidden;background:linear-gradient(105deg,#fc369d,#c527a0 50%,#702688);border:1px solid #ff9bd67a;text-shadow:0 1px #6a0c5844;box-shadow:inset 0 2px #ffdfef73,inset 0 -2px #58134399,0 3px 0 #55183f,0 7px 13px #0004,0 0 25px #e636a033}
.blue-action{background:linear-gradient(105deg,#00b9e9,#087de8 60%,#0753c7);border-color:#9de4ff80;box-shadow:inset 0 2px #d3f3ff7a,inset 0 -2px #043975aa,0 3px 0 #0b3b69,0 7px 13px #0004,0 0 25px #008cff38}
.neon-action::after{content:"";position:absolute;inset:-60% -40%;background:linear-gradient(110deg,transparent 30%,#ffffff38 48%,transparent 62%);transform:translateX(-110%) skewX(-15deg);pointer-events:none}
.ref-world:hover .neon-action::after{animation:button-sheen .85s ease-out 1}
.ref-feature-tabs{perspective:1400px;gap:17px}.ref-feature-tabs>a{padding:19px 13px 16px;min-height:122px;border-radius:11px;overflow:visible;border-color:color-mix(in srgb,var(--tile-light) 50%,#243f59);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--tile-light) 12%,transparent),transparent 85%),linear-gradient(145deg,#152c41,#071925);box-shadow:inset 0 2px #d1eaff29,inset 1px 0 #e7f3ff12,0 4px 0 -1px #0e2436,0 8px 0 -3px #020e1b,0 13px 25px #0005,0 0 20px color-mix(in srgb,var(--tile-light) 8%,transparent);gap:15px}
.ref-feature-tabs>a .neon-icon{width:52px;height:52px;border-radius:13px;background:radial-gradient(ellipse at 15% 0%,#ffffff35,transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--tile-light) 25%,#142534),#071324)}
.ref-feature-tabs>a .neon-icon .ui-icon{width:29px;height:29px}
.ref-feature-tabs>a::before{height:2px;opacity:1;left:12%;right:12%;background:linear-gradient(90deg,transparent,var(--tile-light),transparent);box-shadow:0 0 13px var(--tile-light)}
.home-status-tile{padding-top:20px;gap:12px;border-top-color:#9cbde46b;box-shadow:inset 0 1px #ffffff26,0 3px 0 #041422,0 7px 18px #0005}
.home-status-tile .neon-icon{width:43px;height:43px;filter:drop-shadow(0 0 10px color-mix(in srgb,currentColor 35%,transparent))}
.ref-panel{border-radius:12px;border-top-color:#6f98bd75;border-bottom-color:#0a1826;box-shadow:inset 0 1px #e5f4ff22,0 4px 0 -1px #04101a,0 12px 30px #0004}
.ref-panel-heading{padding-bottom:14px;border-bottom:1px solid #7496b224}
.quick-tile{padding-top:20px;padding-bottom:20px;border-top-color:#7296b86b;box-shadow:inset 0 1px #d6f0ff26,0 4px 0 -1px #03111b,0 11px 22px #0004}
.quick-tile .neon-icon{width:42px;height:42px;border-radius:11px}
.world-miniatures>span{background:linear-gradient(140deg,#53507038,#1c18382e);box-shadow:inset 0 1px #fff3,0 3px 5px #0003}.house-world .world-miniatures>span{background:linear-gradient(140deg,#2779a345,#12243d55);box-shadow:inset 0 1px #c0eaff3b,0 3px 5px #0003}
html[data-theme="light"] body{background:radial-gradient(ellipse at 0% 8%,#fae5f250,transparent 45%),radial-gradient(ellipse at 100% 30%,#d9eeff60,transparent 45%),#eff4fa}
html[data-theme="light"] .simple-shell .ref-topbar{background:transparent}
html[data-theme="light"] .ref-world,html[data-theme="light"] .ref-world.house-world{border-top-color:#fff;border-left-color:#bacddf;border-right-color:#bacddf;border-bottom-color:#b5c9dd;box-shadow:inset 0 2px #fff,0 3px 0 #cad8e6,0 7px 0 -2px #dbe4ee,0 20px 38px #36597d24,0 0 25px color-mix(in srgb,var(--tile-light) 7%,transparent)}
html[data-theme="light"] .ref-world h2,html[data-theme="light"] .ref-world p{text-shadow:none}
html[data-theme="light"] .ref-world-icon,html[data-theme="light"] .house-world .ref-world-icon,html[data-theme="light"] .ref-feature-tabs>a .neon-icon,html[data-theme="light"] .quick-tile .neon-icon{background:radial-gradient(ellipse at 0% 0%,#fff,transparent 65%),linear-gradient(135deg,#fff,color-mix(in srgb,currentColor 10%,#f0f7fc));border:1px solid color-mix(in srgb,currentColor 30%,#c2d4e2);box-shadow:inset 0 2px #fff,inset -1px -2px #7a9ab826,2px 3px 0 color-mix(in srgb,currentColor 26%,#d6e1eb),4px 6px 0 #bfccd955,8px 13px 16px #3b5f8026,0 0 22px color-mix(in srgb,currentColor 9%,transparent)}
html[data-theme="light"] .ref-world-icon::after,html[data-theme="light"] .ref-feature-tabs .neon-icon::after,html[data-theme="light"] .quick-tile .neon-icon::after{opacity:.16;filter:blur(10px)}
html[data-theme="light"] .ref-world-icon .ui-icon,html[data-theme="light"] .ref-feature-tabs .neon-icon .ui-icon,html[data-theme="light"] .quick-tile .neon-icon .ui-icon{filter:drop-shadow(0 1px #fff9) drop-shadow(0 2px 2px color-mix(in srgb,currentColor 25%,transparent)) drop-shadow(0 0 5px color-mix(in srgb,currentColor 25%,transparent))}
html[data-theme="light"] .ref-feature-tabs>a{border-color:color-mix(in srgb,var(--tile-light) 30%,#b3c8da);border-top-color:#fff;box-shadow:inset 0 2px #fff,0 3px 0 #cbd9e7,0 7px 0 -2px #dce6ee,0 12px 25px #3b628721;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--tile-light) 6%,#fff),transparent 90%),linear-gradient(#fff,#f1f6fc)}
html[data-theme="light"] .ref-panel,html[data-theme="light"] .quick-tile{box-shadow:inset 0 2px #fff,0 3px 0 #d1deea,0 12px 26px #31587b19;border-top-color:#fff;border-bottom-color:#b6cadc}
html[data-theme="light"] .ref-panel-heading{border-color:#ccd8e68f}
html[data-theme="light"] .ref-hero h1{text-shadow:none}
html[data-theme="light"] .neon-action{box-shadow:inset 0 2px #ffebf484,inset 0 -2px #751d5a55,0 3px 0 #b34a8c,0 6px 8px #9d448e26,0 0 20px #df5b9c17}
html[data-theme="light"] .blue-action{box-shadow:inset 0 2px #d7f3ff88,inset 0 -2px #063f7d55,0 3px 0 #3478b5,0 6px 8px #3478b52b,0 0 20px #299ae81a}
html[data-theme="light"] .world-miniatures>span,html[data-theme="light"] .house-world .world-miniatures>span{box-shadow:inset 0 1px #fff,0 2px 0 #bfccda55,0 4px 7px #446b8612}
@keyframes button-sheen{from{transform:translateX(-110%) skewX(-15deg)}to{transform:translateX(110%) skewX(-15deg)}}
@media(max-width:750px){.ref-world-grid{gap:22px}.ref-world-icon{width:55px;height:55px}.ref-world-icon .ui-icon{width:34px;height:34px}.ref-feature-tabs{gap:13px}.ref-feature-tabs>a{min-height:114px;padding:16px 10px 14px}.ref-feature-tabs>a .neon-icon{width:45px;height:45px}.ref-world-content{transform:none}.surface-3d{transform:none!important}}
@media(max-width:540px){.ref-world-icon{width:54px;height:54px}.ref-feature-tabs{gap:11px}.ref-feature-tabs>a{min-height:105px;font-size:12px;gap:12px;padding:14px 7px}.ref-feature-tabs>a .neon-icon{width:42px;height:42px}.ref-feature-tabs>a .neon-icon .ui-icon{width:25px;height:25px}.quick-tile .neon-icon{width:40px;height:40px}.home-status-tile{padding-top:17px}.ref-hero h1{font-size:32px}}
@media(hover:none){.neon-action::after{display:none}.surface-3d:hover{--lift:0px}.ref-world:hover .ref-world-icon,.ref-feature-tabs>a:hover .neon-icon,.quick-tile:hover .neon-icon{transform:perspective(450px) rotateX(13deg) rotateY(-13deg)}}
@media(prefers-reduced-motion:reduce){.surface-3d,.ref-world-content{transform:none!important;transition:none!important}.ref-world-icon,.ref-feature-tabs .neon-icon,.quick-tile .neon-icon,.ref-world:hover .ref-world-icon,.ref-feature-tabs>a:hover .neon-icon,.quick-tile:hover .neon-icon{transform:none!important;transition:none!important}.neon-action::after{animation:none!important;display:none}.ref-world .theme-photo img,.neon-action{transition:none!important;transform:none!important}}

