/*
Theme Name: Space 2047 Vertical Slice
Theme URI: https://space2047.com/
Author: Benjamin Arthur Robinson
Description: Living Ship update for Space 2047: The Adventure.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: space-2047
*/
:root{--bg:#02050d;--panel:rgba(7,13,29,.9);--line:#34547e;--text:#f5f8ff;--muted:#9eb0d2;--gold:#ffd35a;--cyan:#63d9ff;--pink:#ff8bd6;--green:#89f2a9}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overflow:hidden}.s2047-shell{height:100vh;display:grid;grid-template-rows:auto 1fr;background:#02050d}.s2047-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:rgba(3,7,17,.96);border-bottom:1px solid #213a60;backdrop-filter:blur(12px);z-index:50}.s2047-brand{text-align:center;flex:1}.s2047-logo{font-weight:950;letter-spacing:.09em;font-size:clamp(20px,3.5vw,38px);color:var(--gold);text-shadow:0 0 20px #9d6f16}.s2047-sub{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan)}.s2047-top-actions{display:flex;gap:8px}.s2047-btn{border:1px solid #385a88;background:linear-gradient(#172846,#0d182d);color:var(--text);padding:9px 12px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08)}.s2047-btn:hover,.s2047-btn:focus{border-color:var(--cyan);outline:none}.s2047-main{position:relative;min-height:0}.s2047-game{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 25%,#122653 0,#050b1a 43%,#01030a 100%)}.space-backdrop{position:absolute;inset:0;overflow:hidden}.space-backdrop:before,.space-backdrop:after,.space-backdrop span{content:"";position:absolute;inset:-40%;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:72px 72px;opacity:.35;animation:stars 70s linear infinite}.space-backdrop:after{background-size:130px 130px;opacity:.2;animation-duration:110s}.space-backdrop span:nth-child(1){background:radial-gradient(ellipse at center,rgba(66,113,255,.22),transparent 55%);animation:none}.space-backdrop span:nth-child(2){background:radial-gradient(ellipse at center,rgba(181,54,255,.12),transparent 60%);transform:translate(35%,20%);animation:none}@keyframes stars{to{transform:translate3d(-220px,110px,0)}}.camera{position:absolute;inset:0;overflow:hidden}.s2047-world{position:absolute;width:1500px;height:1050px;transform-origin:0 0;will-change:transform}.ship-hull{position:absolute;left:120px;top:85px;width:1240px;height:850px;background:linear-gradient(145deg,#35435e,#101827 65%);clip-path:polygon(8% 14%,72% 0,98% 43%,88% 91%,24% 100%,0 58%);filter:drop-shadow(0 38px 48px rgba(0,0,0,.75));opacity:.94}.iso-room{position:absolute;width:430px;height:270px;transform:skewY(26.565deg) scaleY(.894);transform-origin:left top;background:linear-gradient(135deg,#27466f,#172b4d);border:2px solid #7897c6;box-shadow:inset 0 0 35px rgba(0,0,0,.38),0 22px 28px rgba(0,0,0,.35)}.iso-room:after{content:attr(data-label);position:absolute;left:18px;top:16px;transform:skewY(-26.565deg) scaleY(1.118);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dce8ff;text-shadow:0 2px 4px #000}.floor-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(133,190,255,.12) 1px,transparent 1px),linear-gradient(rgba(133,190,255,.12) 1px,transparent 1px);background-size:52px 52px}.back-wall{position:absolute;left:-2px;right:-2px;top:-55px;height:55px;background:linear-gradient(#354e74,#182941);border:2px solid #6e8db8;border-bottom:0;transform:skewY(-26.565deg) scaleY(1.118);transform-origin:left bottom}.left-wall{position:absolute;left:-55px;top:-1px;width:55px;height:272px;background:linear-gradient(90deg,#14243b,#2a4569);border:2px solid #607ea9;border-right:0;transform:skewY(-26.565deg) scaleY(1.118);transform-origin:right top}.bridge{left:240px;top:210px;width:430px;height:285px}.lounge{left:720px;top:290px;width:400px;height:270px}.corridor{left:600px;top:510px;width:220px;height:340px}.engineering{left:190px;top:610px;width:390px;height:270px}.cabins{left:790px;top:660px;width:430px;height:270px}.window-strip{position:absolute;left:90px;right:25px;top:-43px;height:31px;display:flex;gap:10px;transform:skewY(-26.565deg) scaleY(1.118)}.window-strip i{flex:1;background:radial-gradient(circle at 70% 30%,#fff 0 1px,transparent 2px),linear-gradient(145deg,#102a58,#020816);border:1px solid #70cfff;box-shadow:0 0 10px #398fe8 inset}.door{position:absolute;width:48px;height:76px;background:linear-gradient(90deg,#142238,#2d506e,#142238);border:2px solid #74eaff;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);box-shadow:0 0 16px rgba(72,222,255,.5);z-index:5}.door:after{content:"";position:absolute;left:8px;right:8px;top:37px;height:2px;background:#78eaff;box-shadow:0 0 8px #78eaff}.d1{left:650px;top:460px}.d2{left:735px;top:496px}.d3{left:545px;top:705px}.d4{left:795px;top:765px}.prop{position:absolute;z-index:8;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}.console{width:86px;height:46px;background:linear-gradient(155deg,#274a69 0 58%,#102134 59%);border:2px solid #7ca4ca;transform:skewY(26.565deg);border-radius:4px}.console b{position:absolute;left:10px;top:8px;width:62px;height:22px;background:linear-gradient(135deg,#55e4ff,#193c94);box-shadow:0 0 14px #4acfff;animation:screen 2.2s ease-in-out infinite alternate}@keyframes screen{to{filter:brightness(1.5)}}.captain-chair{width:52px;height:66px;background:linear-gradient(90deg,#273b59,#6c82a4,#273b59);border-radius:15px 15px 8px 8px;border:2px solid #a8c0dd}.sofa{width:116px;height:58px;background:linear-gradient(#663c89,#39254f);border:2px solid #b27ee0;border-radius:18px 18px 8px 8px}.table{width:90px;height:48px;background:linear-gradient(145deg,#9d77bc,#4d3569);border:2px solid #d4b2ee;border-radius:50%}.plant{width:38px;height:45px;background:radial-gradient(ellipse at 50% 20%,#68e8a0 0 28%,transparent 30%),linear-gradient(#4e5f70,#18222e);border-radius:50% 50% 8px 8px}.reactor{width:100px;height:92px;border:3px solid #738aa8;border-radius:50%;background:radial-gradient(circle,#d9f8ff 0 9%,#4ee4ff 10% 25%,#123b67 28% 48%,#182535 50%);box-shadow:0 0 25px #35dfff}.reactor i{position:absolute;inset:-12px;border:2px solid #53ddff;border-radius:50%;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.crate{width:58px;height:58px;background:linear-gradient(135deg,#956b32,#4e351c);border:2px solid #d7a65d;transform:skewY(26.565deg)}.bed{width:112px;height:55px;background:linear-gradient(155deg,#5c8dbd 0 30%,#213a59 31%);border:2px solid #93b9de;border-radius:10px;transform:skewY(26.565deg)}.actor{position:absolute;width:42px;height:72px;z-index:15;filter:drop-shadow(0 10px 7px rgba(0,0,0,.65));transition:filter .15s}.actor .head{position:absolute;left:9px;top:2px;width:25px;height:25px;border-radius:50%;background:#efc39e;border:2px solid #f7e2d0;z-index:3}.actor .body{position:absolute;left:4px;top:24px;width:34px;height:42px;background:linear-gradient(90deg,#bb9228,#ffe172,#bb9228);border:2px solid #fff2b6;border-radius:13px 13px 7px 7px}.actor em{position:absolute;left:50%;top:68px;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:900;color:white;text-transform:uppercase;text-shadow:0 2px 3px #000;white-space:nowrap}.actor.walking{animation:bob .28s linear infinite alternate}.actor.near{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 10px 7px rgba(0,0,0,.65))}@keyframes bob{to{margin-top:-4px}}.moustache{position:absolute;left:5px;top:17px;width:32px;height:7px;background:#4a2b16;border-radius:50%;z-index:5}.cedric .body{background:linear-gradient(90deg,#1e7da2,#72e6ff,#1e7da2)}.salomina .body{background:linear-gradient(90deg,#9b3a8d,#ff94e7,#9b3a8d)}.karen .body{background:linear-gradient(90deg,#3a9b62,#91f5ad,#3a9b62)}.betty{width:74px;height:62px}.betty .robot-body{position:absolute;inset:10px 2px 4px;background:linear-gradient(145deg,#dbe2ef,#71809b);border:3px solid #f5f8ff;border-radius:45% 50% 40% 42%}.betty .robot-body:before{content:"";position:absolute;right:-21px;top:14px;width:31px;height:12px;border-radius:0 14px 14px 0;background:#aab7ca;transform:rotate(18deg)}.betty .robot-body:after{content:"••";position:absolute;left:17px;top:4px;color:#12304c;letter-spacing:10px}.betty em{top:62px}.s2047-hud{position:absolute;inset:0;pointer-events:none;z-index:30}.panel{pointer-events:auto;position:absolute;background:var(--panel);border:1px solid #35557d;border-radius:14px;box-shadow:0 16px 50px rgba(0,0,0,.5);backdrop-filter:blur(12px)}.status{left:12px;top:12px;width:240px;padding:11px 12px}.status>strong{font-size:15px;color:var(--gold)}.meters{margin-top:8px;display:grid;gap:6px}.meters span{display:grid;grid-template-columns:78px 1fr;align-items:center;font-size:11px;color:#c6d2e9}.meters i{height:7px;background:#101b2c;border-radius:8px;overflow:hidden}.meters b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#4bd8ff,#78f0a4)}.objective{right:12px;top:12px;width:min(310px,calc(100vw - 24px));padding:12px}.objective h3{margin:0 0 5px;color:var(--cyan);font-size:14px}.mission-chip{display:none}.prompt{left:50%;bottom:88px;transform:translateX(-50%);padding:8px 13px;display:none;color:var(--gold);font-weight:900}.mobile-pad{display:none;pointer-events:auto;position:absolute;left:14px;bottom:14px;width:150px;height:150px}.mobile-pad button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid #42658f;background:rgba(13,24,45,.93);color:white;font-size:22px}.up{left:51px;top:0}.down{left:51px;bottom:0}.left{left:0;top:51px}.right{right:0;top:51px}.actions{pointer-events:auto;position:absolute;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(2,68px);gap:8px}.actions button{height:54px;border-radius:15px;font-size:12px}.modal{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.68);z-index:60;padding:18px}.modal.open{display:flex}.modal-card{width:min(620px,100%);max-height:80vh;overflow:auto;background:linear-gradient(145deg,#111e37,#081225);border:1px solid #42648f;border-radius:20px;padding:20px;box-shadow:0 30px 90px #000}.modal-card h2{margin-top:0;color:var(--gold)}.dialogue-name{color:var(--cyan);font-weight:900}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.slot{padding:12px;border:1px solid #375980;border-radius:12px;background:#111d34}.slot small{color:var(--muted)}@media(max-width:800px){.s2047-header{padding:7px}.s2047-top-actions{display:none}.status{width:205px;font-size:11px}.objective{top:auto;right:10px;bottom:174px;width:215px;font-size:12px}.mobile-pad{display:block}.actions{grid-template-columns:repeat(2,62px)}.actions button{font-size:10px;padding:5px}.prompt{bottom:165px}.ship-hull{filter:drop-shadow(0 24px 32px rgba(0,0,0,.7))}}@media(max-height:620px){.objective{max-height:90px;overflow:auto}.status{padding:7px}.actions button{height:46px}.mobile-pad{transform:scale(.82);transform-origin:left bottom}}