#title{display:none!important}#front-panel[hidden]{display:none}#front-panel{position:fixed;inset:0;z-index:80;color:#f3ebd4;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;font-family:'Trebuchet MS',sans-serif;box-sizing:border-box;background:linear-gradient(90deg,#092432e8 0%,#0d2b3b88 44%,#09243200 76%)}body.front-open .ui,body.front-open #touch,body.front-open #kit-open,body.front-open #kit-hotbar,body.front-open #kit-powers,body.front-open #wardrobe-open,body.front-open #realm-open,body.front-open #front-open{visibility:hidden!important}#front-open{position:fixed;right:145px;top:131px;min-height:44px;z-index:12;padding:10px 14px;border:1px solid #e8d09b;border-radius:14px;background:#143446ec;color:#f4e2ac;font-weight:bold;cursor:pointer}#bubble button{pointer-events:auto;font-weight:bold;color:#193a43;background:#efd39a;border:0;border-radius:8px;padding:9px;margin:7px 0}
#front-panel button,#front-panel select{font:inherit;min-height:46px;padding:10px 18px;border:1px solid #bca87088;border-radius:12px;color:#eaf3e4;background:linear-gradient(135deg,#21495bd9,#153747ed);cursor:pointer;box-shadow:0 5px 15px #04131b33;touch-action:manipulation}#front-panel button:hover,#front-panel button:focus-visible,#front-panel select:focus-visible,#front-panel input:focus-visible,.emporium-card:focus-visible{outline:2px solid #efd8a1;outline-offset:3px;background-color:#315b64;box-shadow:0 0 25px #85e0cd33}#front-panel button:disabled{opacity:.35;cursor:default}#front-panel small,.front-kicker{font-size:11px;letter-spacing:2px;color:#a7d7d1}#front-panel h1{font:700 clamp(27px,3vw,44px) Georgia,serif;margin:8px 0 15px;color:#f7e7b9}#front-panel h2{font:700 24px Georgia,serif;color:#f2dfb2}#front-panel p{font-size:14px;line-height:1.6;color:#c5dcdb}#front-panel header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}#front-panel header>button{white-space:nowrap}
.main-brand{position:absolute;left:7%;top:7%;animation:brand-in .9s ease both}.front-logo{font:900 clamp(42px,6.4vw,94px) Georgia,serif;letter-spacing:-2px;color:#ffe9b6;text-shadow:0 3px 0 #a58b5f,0 6px 25px #001a24;line-height:1.1}.front-logo span{display:block;font:700 clamp(10px,1.45vw,19px) 'Trebuchet MS',sans-serif;letter-spacing:clamp(3px,.65vw,9px);margin:15px 0;color:#a8e3d2}.front-kicker{margin-bottom:15px}.front-menu{position:absolute;left:7%;top:29%;width:min(410px,38vw);animation:brand-in 1.1s ease both}.front-story{font:italic 23px/1.4 Georgia,serif!important;color:#e5dfca!important;margin:12px 0 20px}.front-menu nav{display:flex;flex-direction:column;gap:10px}.front-menu nav>button{width:100%;text-align:left;font-weight:bold}#front-new{background:linear-gradient(135deg,#ecd7a0,#c2a86b)!important;color:#173640!important;font-size:19px!important}#front-new span{float:right}.front-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.front-hint{font-size:11px!important;margin-top:19px;color:#9abfba!important}.front-signature{position:absolute;right:4%;bottom:4%;font-size:11px;letter-spacing:3px;color:#d9e7cf}.front-page{max-width:1200px;margin:45px auto;padding:28px;background:#092432ed;border:1px solid #a4c2b944;border-radius:24px;backdrop-filter:blur(12px)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.settings-grid label{display:block;margin:20px 0;color:#f0d9a1;font-size:15px}.settings-grid select{width:100%;margin-top:10px}.settings-grid input[type=range]{display:block;width:100%;margin-top:13px;accent-color:#8be6cb;min-height:24px}.settings-grid output{float:right;color:#a4d9c8}.front-toggle{display:flex!important;align-items:center;gap:12px}.front-toggle input{width:22px;height:22px;accent-color:#9be9d4}.settings-grid dt{color:#e4cc96;margin-top:17px;font-weight:bold}.settings-grid dd{margin:7px 0 14px;font-size:14px;color:#b5d6d3;line-height:1.5}.front-confirm{max-width:540px;margin:18vh auto;padding:40px;border-radius:24px;background:#0a2938ee;border:1px solid #d6c38a66}.front-confirm button{margin:12px 12px 0 0}
#front-panel[data-mode=shop]{background:linear-gradient(90deg,#08233100 0%,#08233122 30%,#082331e8 36%)}.front-shop{padding:30px 4%;box-sizing:border-box;min-height:100%;display:flex;flex-direction:column}.front-shop header h1{font-size:clamp(27px,3vw,40px)}.shop-wallet{display:flex;align-items:center;gap:10px;color:#c3f3d7;font-weight:bold;flex-wrap:wrap;justify-content:flex-end}.shop-tabs{display:flex;gap:12px;justify-content:flex-end;margin:15px 0 22px}.shop-tabs button[aria-pressed=true]{background:#d3bb82!important;color:#173e43!important}.shop-preview{position:fixed;left:3%;top:160px;bottom:100px;width:28%;pointer-events:none;display:flex;align-items:flex-end}.preview-caption{padding:20px;background:linear-gradient(0deg,#0a2738e8,#0c2b3b33);border-radius:18px}.preview-caption h2{margin:8px 0}.preview-caption b{color:#c3eecf;font-size:12px;letter-spacing:1px}.shop-cards{margin-left:34%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start}.emporium-card{padding:13px;background:#102e3ee8;border:1px solid #adc5b743;border-radius:16px;display:flex;flex-direction:column;cursor:pointer}.emporium-card.selected{border-color:#ebd497;box-shadow:0 0 0 1px #ebd49755}.emporium-art{display:flex;align-items:center;justify-content:center;height:85px;background:radial-gradient(#315b6577,#102e3e00);color:#b9e6cc}.emporium-art img{width:100%;height:100%;object-fit:contain;border-radius:9px}.emporium-card h3{font:700 17px Georgia,serif;margin:8px 0;color:#f3e4bb}.emporium-card small{letter-spacing:1px!important;font-size:9px!important;margin-top:8px}.emporium-card p{font-size:12px!important;margin:4px 0 12px;line-height:1.45!important}.emporium-card button{margin-top:auto;font-size:12px!important;padding:8px 5px!important;min-height:44px!important}.emporium-card:has(img) .emporium-art{height:125px}#front-notice{margin:22px 0 0 34%;font-size:12px;line-height:1.5;color:#a9dccb;min-height:32px}
.front-credits #front-panel{background:#071a26}.credit-stage,.credit-stage>img,.credit-shade,.credit-window{position:absolute;inset:0}.credit-stage{overflow:hidden}.credit-stage>img{width:100%;height:100%;object-fit:cover;transition:opacity 1.8s;animation:credit-camera 22s linear infinite alternate}.credit-shade{background:linear-gradient(90deg,#00111dbb,#00111d99,#00111dbb)}.credit-window{overflow:hidden;left:18%;right:18%;mask-image:linear-gradient(transparent,#000 10%,#000 88%,transparent)}#credit-roll{text-align:center;will-change:transform;color:#f5e8c6;padding:0 15px}#credit-roll .front-logo{font-size:70px}#credit-roll h1{font-size:52px!important}#credit-roll h2{letter-spacing:4px}#credit-roll p{font-size:19px!important;color:#e1e7d8}.credit-role{letter-spacing:7px;color:#b3dccf!important;margin-top:70px}.credit-gap{height:170px}#credit-source{text-align:left;white-space:pre-wrap;font:14px/1.9 'Trebuchet MS',sans-serif;letter-spacing:.15px;color:#d7e6dd;padding:20px 0}#credit-realm{position:absolute;left:4%;top:5%;font:700 18px Georgia,serif;letter-spacing:3px;text-transform:uppercase;color:#d3e5cf}.credit-actions{position:absolute;bottom:25px;left:4%;right:4%;display:flex;align-items:center;gap:15px;justify-content:center}.credit-actions span{font-size:12px;color:#c5d4c8}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}
@keyframes brand-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes credit-camera{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.11) translateX(.5%)}}
@media(max-width:1000px){#front-panel{background:linear-gradient(0deg,#092432ed 0%,#092432c7 47%,#09243200 63%)}.main-brand{left:5%;top:3%;width:90%;text-align:center}.front-logo{font-size:54px}.front-logo span{font-size:12px;letter-spacing:5px;margin-top:10px}.front-kicker{font-size:9px!important;margin-bottom:9px}.front-menu{top:auto;left:8%;bottom:6%;width:84%;max-height:48%;overflow:auto}.front-story{font-size:17px!important;margin:0 0 12px}.front-menu nav{gap:8px}.front-menu nav button{min-height:46px;padding:9px 14px;font-size:14px}.front-hint{font-size:10px!important;margin:12px 0 0}.front-signature{right:0;left:0;bottom:2%;text-align:center;font-size:9px;letter-spacing:2px}.front-page{margin:18px 15px;padding:20px}.settings-grid{grid-template-columns:1fr;gap:12px}.front-shop{padding:20px}.front-shop header{flex-direction:column;gap:8px}.shop-wallet{font-size:12px;width:100%;justify-content:space-between}.front-shop header h1{margin-bottom:0}.shop-tabs{justify-content:flex-start;gap:8px}.shop-tabs button{font-size:13px!important;flex:1;padding:9px 6px!important}.shop-preview{display:none}.shop-cards{margin-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#front-notice{margin-left:0}#front-panel[data-mode=shop]{background:linear-gradient(#092937e8,#092432f5)}.credit-window{left:5%;right:5%}#credit-roll .front-logo{font-size:49px}#credit-roll h1{font-size:38px!important}#credit-source{font-size:12px}.credit-actions{gap:8px;flex-wrap:wrap}.credit-actions button{font-size:12px!important;padding:9px!important}.credit-actions span{display:none}}
@media(max-height:740px) and (min-width:1001px){.main-brand{top:4%}.front-menu{top:28%}.front-story{font-size:18px!important;margin-bottom:12px}.front-menu nav{gap:7px}.front-menu nav button{min-height:39px;padding:8px 13px}.front-hint{margin-top:12px}.front-logo{font-size:67px}}
@media(prefers-reduced-motion:reduce){#front-panel *{animation:none!important}}