body{background:#101a26}#app{--bg:#f3efd9;--panel:#fffbed;--soft:#e3ead1;--accent:#347459;--line:#d6dcc0;background:radial-gradient(ellipse at 100% 0,#cee8bb,transparent 45%),var(--bg)}#app.space{--bg:#091020;--panel:#142237;--soft:#20344a;--accent:#83eddc;--line:#2c465f;background:radial-gradient(ellipse at 95% 12%,#253355 0,transparent 38%),radial-gradient(ellipse at 0 60%,#102e3e,transparent 45%),#091020}.top{padding-top:23px}.brand{letter-spacing:4px}.switch{border:1px solid var(--line);box-shadow:inset 0 1px 6px #0001}.card{box-shadow:0 6px 18px #32482908}.space .card{background:linear-gradient(125deg,#1a2b40ef,#101c30f5);border-radius:12px;box-shadow:inset 0 1px #769eae12,0 12px 24px #0002}.space .eyebrow{color:#8bcfcf}.sector-label{display:block;font-size:11px;font-weight:500;letter-spacing:3px;margin-top:12px;color:var(--muted)}.primary,.game-banner{background:linear-gradient(135deg,#478b64,#286248);box-shadow:0 4px 0 #1c493c,0 7px 16px #315b4324;border:1px solid #ffffff35}.space .primary,.space .game-banner{background:linear-gradient(115deg,#a2f6db,#5ccecf);box-shadow:0 4px 0 #297981,0 7px 20px #64d4cf15;color:#0c2935;border-radius:10px}.primary:active,.game-banner:active{transform:translateY(2px);box-shadow:none}.primary:disabled{box-shadow:none}.wallet span{border:1px solid var(--line);box-shadow:inset 0 1px #ffffff18;font-variant-numeric:tabular-nums}.ship-stage{height:320px;background:radial-gradient(ellipse at 50% 65%,#23647b44,transparent 55%),radial-gradient(circle at 85% 20%,#a694bb3b,transparent 34%),linear-gradient(140deg,#15243d,#080f20);border:1px solid #44657c;border-radius:18px;box-shadow:inset 0 0 50px #020812,0 15px 35px #0003}.ship-stage:before,.battle-field:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#daf6ff 1px,transparent 1.5px),radial-gradient(circle,#87b5d1 1px,transparent 1.5px);background-size:73px 67px,113px 97px;background-position:13px 7px,39px 41px;opacity:.5}.ship-stage>svg{position:relative;z-index:1;filter:drop-shadow(0 14px 8px #0008) drop-shadow(0 0 8px #8ecddd35)}.orbit-ring{position:absolute;width:280px;height:120px;left:50%;bottom:31px;transform:translateX(-50%);border:1px solid #5ecac55c;border-radius:50%;box-shadow:0 0 0 18px #6ecccf08,0 0 0 19px #6ecccf20,0 0 40px #5ed3c61a}.dock-id{position:absolute;top:17px;left:16px;font-size:10px;letter-spacing:2px;color:#9ac9d2}.ship-label{z-index:2;padding:7px 10px;border-left:2px solid #8bebdb;background:#0a192bcc}.battle-field{height:280px;background:radial-gradient(circle at 82% 32%,#94649144,transparent 38%),linear-gradient(155deg,#1b2743,#071626);border:1px solid #435773;box-shadow:inset 0 0 40px #060c1b}.enemy{width:125px;height:110px;right:17px;top:37px;filter:drop-shadow(0 0 15px #e3879355)}.enemy svg{width:100%;height:100%}.ally{width:180px;height:165px;left:0;bottom:3px;filter:drop-shadow(0 0 13px #5dd4d444)}.health{z-index:2;font-size:11px}.health i{height:7px;margin-top:9px}.laser{top:153px;left:108px;right:67px;transform:rotate(-38deg);z-index:3}.form-list button{border-radius:10px;background:linear-gradient(#20364c,#132237)}.form-list button.chosen{box-shadow:inset 0 -3px #7bddce}.town-scroll{height:360px;border:6px solid #fffae6;box-shadow:0 9px 0 #c4cb9e,0 15px 25px #4b795429;border-radius:26px}.town-land{background:radial-gradient(ellipse at 25% 30%,#e2edb8,#b6d59e);isolation:isolate}.landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.town-land:before{z-index:-1;background:#eed6a4;border-block:3px solid #d1b986;box-shadow:0 2px 0 #fff5c3}.lot{background:#dce7b27a;border-color:#819f6859;box-shadow:0 4px 0 #8cad6d26;backdrop-filter:blur(1px)}.lot.filled{background:transparent;border:2px solid transparent;box-shadow:none;backdrop-filter:none}.lot.chosen{border:2px solid #fffbd1;background:#fff5cf44;box-shadow:0 0 0 2px #6a9969}.lot svg{filter:drop-shadow(3px 6px 2px #3b675b30)}.lot small{display:inline-block;background:#fff9dfe8;padding:4px 9px;border-radius:8px;box-shadow:0 2px 0 #839a6030;font-weight:600}.resident{filter:drop-shadow(0 3px 2px #43624344)}.trial{border-color:#aebf86!important}.trial label{font-size:12px;color:var(--muted)}.trial input{display:block;width:100%;margin:10px 0;padding:14px;background:var(--bg);color:var(--ink);border:1px solid var(--accent);border-radius:10px}.bottom{box-shadow:0 -10px 30px #00000012}.space .bottom{background:#101c2eee;backdrop-filter:blur(18px)}@media(prefers-reduced-motion:no-preference){.ship-stage>svg{animation:hover-ship 4s ease-in-out infinite alternate}.enemy{animation:hover-ship 3s ease-in-out infinite alternate}.laser{animation:beam .8s ease-in-out infinite alternate}@keyframes hover-ship{to{transform:translateY(-8px)}}@keyframes beam{to{opacity:.4;filter:brightness(1.8)}}}
.play-wrap{position:relative;border:1px solid #719591;border-radius:20px;overflow:hidden;box-shadow:0 14px 30px #001a2533}.play-wrap canvas{display:block;width:100%;height:440px;touch-action:none;background:#11202e}.map-tools{position:absolute;right:10px;top:10px;display:flex;gap:5px}.map-tools button{border-radius:9px;padding:9px;background:#fff8de;box-shadow:0 2px 6px #0003}.map-caption{position:absolute;bottom:0;left:0;right:0;padding:10px;text-align:center;background:#0b2432cb;color:#edf4dc;font-size:10px;pointer-events:none}.map-controls,.flight-controls{display:flex;gap:8px;margin:12px 0}.map-controls button,.flight-controls button{flex:1;padding:12px 6px;min-height:44px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.flight-wrap canvas{height:480px}.flight-overlay{display:none;position:absolute;inset:0;background:#0a1527dd;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;color:#dbf7ed}.flight-overlay.shown{display:flex}.flight-controls button{touch-action:none;user-select:none}.flight-overlay h2{font-size:22px}
/* Shared notebook controls */
.nb-input{display:block;width:100%;padding:12px;margin:8px 0 18px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;font:inherit;min-height:46px}textarea.nb-input{min-height:110px;resize:vertical}.nb-photo{max-width:100%;max-height:350px;object-fit:contain;display:block;margin:16px auto}.nb-pre{white-space:pre-wrap;overflow-wrap:anywhere}[data-error]{overflow-wrap:anywhere}[data-error][hidden]{display:none}
.shop-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.shop-nav button{flex:1;white-space:nowrap;font-size:12px}.room-scene,.scanner-scene{height:260px;position:relative;overflow:hidden;border-radius:20px;margin:18px 0;background:linear-gradient(#eee6d3 70%,#c6ab84 70%);color:#335644}.room-window{position:absolute;top:28px;right:25px;width:95px;height:90px;background:#c8e0d7;border:8px solid #fff8df;text-align:center;padding:10px;font-size:26px}.furnished .room-window{border-left:18px solid #829979;border-right:18px solid #829979}.room-shelf{position:absolute;left:20px;top:56px;width:90px;height:105px;font-size:28px;color:#8c6653}.furnished .room-shelf{border:7px solid #98784f;background:#f7e4bf}.room-rug{position:absolute;bottom:32px;left:60px;width:220px;height:40px;border-radius:50%;background:#acc09a}.room-chair{position:absolute;bottom:52px;right:65px;font-size:50px;color:#96704e}.room-person{position:absolute;left:45%;bottom:46px;font-size:27px;line-height:20px;color:#6a805c}.room-person.seated{left:auto;right:77px;bottom:77px}.room-label{position:absolute;bottom:8px;left:12px;font-size:11px;background:#ffffffe8;color:#294639;padding:5px 9px;border-radius:9px}.scanner-scene{background:radial-gradient(ellipse,#29475f,#0d1928);display:flex;align-items:center;justify-content:center}.scanner-scene>svg{width:75%;height:85%}.scan-antenna{position:absolute;top:24%;right:22%;color:#9ae5dc;font-size:27px}.scan-antenna span{display:block;border:2px solid #77cfc8;border-radius:50%;width:66px;height:22px;transform:rotate(-30deg)}