@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=Russo+One&display=swap');
:root{font-family:'Golos Text',system-ui,sans-serif;color:#ede9dc;background:#111a26;font-synthesis:none;--ink:#17202c;--paper:#f1ebdb;--mint:#78d0c6;--gold:#efc779;--pink:#e99ba9}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #65d9d4;outline-offset:4px}button{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14}p{line-height:1.6}button{border:0}button.primary,.primary{background:var(--gold);color:var(--ink);border:2px solid var(--ink);padding:15px 20px;border-radius:5px;box-shadow:4px 4px 0 var(--ink);font-weight:800;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;transition:transform .15s,box-shadow .15s;text-align:left}.primary:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink);background:#ffda8a}.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.primary span{font-size:18px}.primary.large{padding:20px 25px;font-size:17px}.soft-button{padding:12px 16px;border:1px solid #bdb9ac;background:#e6e4d8;color:var(--ink);font-weight:650;border-radius:5px}.soft-button:hover{background:#d8e6dd}.text-button{background:none;color:var(--ink);padding:12px 3px;text-decoration:underline;text-underline-offset:4px}.danger{color:#a34448!important}.icon-button{width:42px;height:42px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff08;font-size:22px}.icon-button:hover{background:#ffffff18}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:800;line-height:1.7;color:#8b8071;margin-bottom:12px}.brand{display:flex;align-items:center;gap:12px;background:none;white-space:nowrap}.brand>b{font-family:'Russo One',sans-serif;color:var(--gold);font-size:46px;line-height:1;transform:rotate(-8deg);text-shadow:2px 2px #e87586,-2px -1px #5bc8d2}.brand>span{font-family:'Russo One',sans-serif;font-size:15px;letter-spacing:.8px}.brand small{display:block;font:8px 'Golos Text',sans-serif;letter-spacing:2px;margin-top:6px;color:#b9b2a6}.save-dot,.location-dot,.market-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #78d0c660}.landing{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#152132}.landing-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.landing-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#101824b3 0%,transparent 17%,transparent 42%,#101824bb 67%,#101824 100%)}.landing-header,.landing-bottom,.landing-footer{position:relative;z-index:1}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:25px 4%}.landing-header .brand{font-weight:700;letter-spacing:2px}.edition{font-size:10px;letter-spacing:2px}.landing-bottom{margin-top:40vh;display:flex;align-items:flex-end;justify-content:space-between;padding:25px 7% 35px;gap:30px}.landing-bottom .eyebrow{color:var(--mint)}.landing-bottom h1{font-family:'Russo One',sans-serif;font-size:clamp(30px,3.7vw,58px);font-weight:400;letter-spacing:-1px;margin-bottom:16px}.landing-bottom h1 span{color:var(--gold)}.landing-bottom p{color:#c9c8c7;margin:0;font-size:15px}.enter-block{display:flex;flex-direction:column;gap:17px;padding-bottom:7px}.enter-block small{font-size:11px;color:#bdc4cb;text-align:center}.landing-footer{padding:18px 4%;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8d99a7}.landing-footer i{margin-left:8px}
.world{min-height:100svh;display:flex;flex-direction:column;background:#15202b}.hud{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;gap:20px;background:#17212d;border-bottom:1px solid #ffffff12;position:relative;z-index:2}.hud-stats{display:flex;gap:9px}.stat{position:relative;border:1px solid #ffffff15;background:#ffffff04;border-radius:8px;min-width:130px;display:grid;grid-template-columns:27px 1fr;grid-template-rows:23px 13px;text-align:left;padding:11px 16px;column-gap:8px;overflow:hidden}.stat i{grid-row:span 2;font-style:normal;font-size:27px;align-self:center;color:var(--gold)}.stat b{font-size:19px;line-height:1.2}.stat span{font-size:8px;letter-spacing:1.3px;color:#a6adb5}.stat.energy i{color:var(--mint)}.stat.knowledge i{color:#c8addc}.stat em{position:absolute;bottom:0;left:0;width:var(--energy);height:2px;background:var(--mint);transition:width .5s}.room-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111a24}.room-scene{position:relative;width:100%;max-width:1700px;aspect-ratio:16/9;max-height:calc(100svh - 202px);overflow:hidden}.room-art{width:100%;height:100%;object-fit:fill;user-select:none;display:block}.time-light{position:absolute;inset:0;pointer-events:none;transition:background 3s}.night .time-light{background:#142b533d;mix-blend-mode:multiply}.day .time-light{background:#ffe3b626;mix-blend-mode:screen}.window-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -100px 90px -80px #101825,inset 0 65px 50px -40px #101825aa}.room-caption{position:absolute;top:22px;left:3.5%;right:3.5%;display:flex;align-items:center;gap:9px;letter-spacing:1.7px;font-size:9px;text-shadow:0 2px 5px #000}.time-caption{margin-left:auto;background:#15202bbd;padding:8px 12px;border:1px solid #ffffff25;border-radius:4px;font-size:9px}.hotspot{position:absolute;background:none;padding:10px;display:flex;align-items:center;gap:9px;filter:drop-shadow(0 2px 4px #0005);z-index:3}.hotspot-dot{display:grid;place-items:center;width:35px;height:35px;border:1px solid #f9e9c4b3;color:#fff2d6;background:#192435cc;backdrop-filter:blur(8px);border-radius:50%;font-size:23px;transition:.2s}.hotspot-label{text-align:left;background:#17202ce8;padding:8px 12px;border:1px solid #ffffff38;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}.hotspot-label small{display:block;font-size:9px;color:#bcb6a9;margin-top:4px;font-weight:400}.hotspot:hover .hotspot-dot{background:var(--gold);color:var(--ink);transform:scale(1.1)}.hotspot:hover .hotspot-label{background:#27394b}.phone{left:32%;top:49%}.door{left:6%;top:39%}.bed{left:79%;top:64%}.pulse .hotspot-dot{animation:pulse 3s infinite}.notification-dot{position:absolute;top:12px;left:34px;width:9px;height:9px;background:#f28c9f;border:2px solid var(--ink);border-radius:50%}.future-laptop{position:absolute;top:51%;left:53%;color:#efe4c884;font-size:9px;letter-spacing:.5px;transform:rotate(-2deg);border:1px dashed #f0d9b54d;padding:10px}.room-laptop{position:absolute;left:54%;top:39%;width:13%;background:none;z-index:2;transform:rotate(-2deg)}.mini-laptop-screen{display:grid;place-items:center;border:5px solid #323a47;aspect-ratio:1.5;background:linear-gradient(145deg,#2e5e6d,#142d43);border-radius:5px;box-shadow:2px 2px 0 #131a28}.mini-laptop-screen b{color:#eec67c;font-size:38px;text-shadow:2px 2px #ec8c9d}.mini-laptop-base{display:block;width:115%;height:12px;transform:translateX(-6%);background:#78828b;clip-path:polygon(8% 0,92% 0,100% 90%,0 90%);border-bottom:4px solid #333f50}.laptop-label{font-size:10px;background:#17202c;padding:5px 10px;display:inline-block;border-radius:4px;margin-top:7px}.room-character{position:absolute;width:11%;bottom:9%;left:28%;background:none;z-index:2;animation:breathe 5s ease-in-out infinite;transform-origin:50% 100%;filter:drop-shadow(2px 3px 1px #12162166)}.room-character .avatar{width:100%;height:auto;position:relative;z-index:1}.character-shadow{position:absolute;bottom:4%;left:3%;width:90%;height:8%;border-radius:50%;background:#13192780;filter:blur(5px)}.room-tip{position:absolute;bottom:16px;width:100%;text-align:center;font-size:10px;color:#ece5d3b3;text-shadow:0 1px 8px #000;letter-spacing:.3px}.room-footer{min-height:114px;display:flex;gap:24px;align-items:center;padding:18px 3.5%;background:#17212d;border-top:1px solid #ffffff12}.player-card{display:flex;align-items:center;text-align:left;gap:12px;background:none;min-width:190px}.player-card .avatar{width:45px;height:53px;background:#334347;border:1px solid #75817a;border-radius:9px}.player-card b{font-size:13px}.player-card small{display:block;font-size:9px;color:#9ca6b0;margin-top:5px}.level-badge{border:1px solid #687a80;color:#afc8cc;font-size:10px;border-radius:4px;padding:3px 5px}.quest-card{position:relative;flex:1;display:flex;align-items:center;gap:15px;text-align:left;background:#ffffff03;border:1px solid #ffffff12;border-radius:8px;padding:12px 18px;overflow:hidden;max-width:650px}.quest-icon{font-size:30px;color:var(--gold)}.quest-card small{display:block;color:#8b9b9e;font-size:7px;letter-spacing:1.4px;margin-bottom:4px}.quest-card b{display:block;font-size:12px}.quest-card em{display:block;font-size:10px;color:#9ba6b0;font-style:normal;margin-top:5px}.quest-card>span:last-child{margin-left:auto;color:#96aaa9}.quest-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff0b}.quest-progress i{display:block;height:100%;width:var(--progress);background:#8ac9ba;transition:width .5s}.journal-button{background:none;color:#b8c5cd;font-size:11px;white-space:nowrap;margin-left:auto}.journal-button>span{font-size:23px;vertical-align:middle;margin-right:7px}kbd{display:inline-block;font:10px inherit;border:1px solid #ffffff30;padding:3px 5px;border-radius:4px;margin-left:10px;color:#8f9aa7}
#overlay:empty{display:none}#overlay.active{position:fixed;inset:0;z-index:20;background:#0b1323a6;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.paper-modal{position:relative;background:var(--paper);color:var(--ink);width:min(100%,560px);padding:38px;border:3px solid #17202c;box-shadow:9px 10px 0 #070e1e8c;border-radius:7px;max-height:90svh;overflow:auto;background-image:radial-gradient(#292d3610 .5px,transparent .5px);background-size:5px 5px}.paper-modal h2{font-family:'Russo One',sans-serif;font-size:31px;font-weight:400;margin-bottom:20px}.paper-modal h3{font-size:22px;margin-top:20px}.paper-modal p{font-size:14px;color:#5d605b}.close-button{position:absolute;right:14px;top:12px;background:none;font-size:27px;color:#778077}.modal-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.modal-actions .primary{flex:1}.tag{display:inline-block;font-size:8px;letter-spacing:1px;font-weight:750;padding:6px 8px;border-radius:3px;background:#d8e8dc;color:#385e55}.muted{color:#7a827e!important;font-size:11px!important}.notice{padding:13px;background:#e0e8dc;color:#486251;font-size:11px;line-height:1.5;border-left:3px solid #8bae8e;border-radius:2px;margin:15px 0}.setting-row{display:flex;justify-content:space-between;width:100%;padding:18px 0;background:none;border-top:1px solid #bdbeb3;border-bottom:1px solid #bdbeb3;margin:20px 0;color:var(--ink);font-size:14px}.setting-row b{color:#36786c}.rest-art{font-size:85px;text-align:center;color:#8e9bad}.chapter-list{padding-left:22px;line-height:2;font-size:13px;color:#8b8b7c}.chapter-list .done{color:#47766a}.chapter-list .done::marker{color:#47766a}.profile-avatar{float:right;width:110px}.profile-avatar svg{width:100%}.creation{width:min(100%,830px);display:grid;grid-template-columns:1fr 1.25fr;gap:20px 40px;padding:35px 42px}.create-heading{grid-column:1}.create-heading h2{font-size:43px;line-height:1.08;margin-bottom:12px}.create-heading h2 span{color:#8e9e94}.create-heading p{font-size:12px}.avatar-preview{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;position:relative;min-height:230px;background:radial-gradient(ellipse,#c8d9cf,transparent 70%)}.avatar-preview .avatar{height:260px;filter:drop-shadow(5px 5px 0 #22243115)}.avatar-sticker{position:absolute;bottom:0;left:20%;background:#f0c674;padding:7px 11px;transform:rotate(-7deg);font-size:9px;letter-spacing:1px;border:1px solid #41443e}.creation form{grid-column:2;grid-row:1/span 2;align-self:center}.creation label{font-size:9px;font-weight:700;letter-spacing:1px}.creation input{width:100%;padding:12px;background:#fffdf4;border:1px solid #b5b8a7;border-radius:4px;color:var(--ink);margin:10px 0 18px}.custom-row{border-top:1px solid #c9ccbc;padding:17px 0}.custom-row>span{display:block;font-size:11px;margin-bottom:11px;color:#69706a}.custom-row>div{display:flex;gap:10px}.swatch{width:31px;height:31px;background:var(--swatch);border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 1px #c9cabe}.swatch.selected{box-shadow:0 0 0 2px #343f40}.hair-choice{padding:8px 10px;font-size:10px;background:#e1e2d5;border-radius:4px;color:#575e57}.hair-choice.selected{background:#263e46;color:white}.creation .primary{width:100%;margin-top:20px;font-size:13px}.comic-scene{width:min(900px,100%)}.comic-panel{position:relative;min-height:430px;background:#f1ebdb;border:5px solid #182130;box-shadow:12px 12px #0b1224a1;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.comic-counter{position:absolute;top:15px;left:20px;font:10px 'Golos Text',sans-serif;letter-spacing:2px;z-index:1;color:#628174}.comic-portrait,.portal-avatar{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(145deg,#6ea0a6,#e4b883);padding:60px 10px 0;border-right:4px solid #182130;overflow:hidden}.comic-portrait .avatar,.portal-avatar .avatar{width:80%;max-height:360px;transform:translateY(30px)}.parent-portrait{font-size:120px;align-self:center;filter:drop-shadow(7px 7px 0 #12263b44)}.comic-text{padding:65px 30px 35px;color:var(--ink);align-self:center}.comic-text h2{font-size:clamp(20px,2.5vw,30px);font-weight:800;line-height:1.25}.comic-text p{font-size:13px;color:#6a6b61}.comic-text .primary{margin-top:14px;font-size:12px}.incoming-message{position:absolute;top:58px;left:15px;width:29%;background:#fff8e9f2;border:2px solid #172333;padding:14px;box-shadow:4px 4px #26364c55;transform:rotate(-4deg);color:#202b37}.incoming-message small{display:block;font-size:7px;margin-bottom:8px;color:#697f78}.incoming-message b{font-size:13px}.glitch-scene .portal-avatar{background:repeating-linear-gradient(0deg,#5fc6d4 0 3px,#316682 3px 6px);animation:glitch 4s infinite}.glitch-scene .avatar{filter:drop-shadow(5px 0 #fa6786)}
#overlay.device-overlay{background:#0a1320b8;padding:0;backdrop-filter:blur(5px)}.device-scene{width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center;gap:7vw;padding:45px 30px;position:relative;overflow:hidden;background:linear-gradient(0deg,#14202cdd,#1826318c),url('./assets/room.png') center 72%/cover}.back-room{position:absolute;left:35px;top:25px;background:#122030b3;border:1px solid #ffffff25;padding:11px 15px;border-radius:6px;color:#dfdfd3;font-size:12px;z-index:4}.device-context{width:300px;padding-bottom:60px}.device-context .eyebrow{color:var(--mint)}.device-context h2{font-family:'Russo One',sans-serif;font-weight:400;font-size:44px;line-height:1.15;letter-spacing:-1px}.device-context p{font-size:12px;color:#b0bfc3;line-height:1.8}.phone-device{position:relative;background:#121923;border:3px solid #4b5258;border-radius:43px;width:354px;height:min(725px,86svh);min-height:530px;padding:10px;box-shadow:10px 18px 0 #0c142688,0 0 0 2px #080f18;flex-shrink:0}.device-display{background:#eef0e6;color:var(--ink);height:100%;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1}.device-status{height:36px;min-height:36px;padding:10px 19px 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;position:relative;background:#ecede2;z-index:2}.notch{position:absolute;left:50%;top:3px;transform:translateX(-50%);width:90px;height:18px;border-radius:0 0 14px 14px;background:#121923}.device-home{background:#edf0e6;padding:10px;width:100%;display:flex;justify-content:center;margin-top:auto;color:#52616b;min-height:31px}.device-home span{width:90px;height:4px;background:#263642;border-radius:4px}.hand{position:absolute;background:#c88c6c;border:3px solid #18202b;z-index:0;width:78px;height:230px;bottom:-40px;box-shadow:inset -10px 0 #9a625340}.hand-left{left:-39px;transform:rotate(-16deg);border-radius:40% 55% 20% 20%}.hand-right{right:-37px;transform:rotate(14deg);border-radius:50% 40% 15% 20%}.hand:after{content:'';position:absolute;width:34px;height:100px;background:#d99f7a;border:3px solid #18202b;top:-22px;border-radius:30px;right:0;transform:rotate(-14deg)}.hand-right:after{left:0;transform:rotate(14deg)}#device-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.phone-home{padding:13px 22px 0;flex:1;background:radial-gradient(ellipse at 100% 0,#fae0c2,transparent 50%),radial-gradient(ellipse at 0 100%,#82b7ad,transparent 70%),#e4e9dc;display:flex;flex-direction:column;overflow:auto}.home-clock{display:flex;flex-direction:column;align-items:center;padding:8px 0 24px}.home-clock b{font-weight:400;letter-spacing:-3px;font-size:52px}.home-clock>span{font-size:10px;margin-top:3px}.home-greeting{font-weight:750;font-size:17px;margin-bottom:22px}.home-greeting small{font-size:10px;display:block;color:#63736e;font-weight:400;margin-top:5px}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 13px}.app-tile{display:flex;flex-direction:column;align-items:center;padding:0;background:none;color:#263a3e;gap:7px}.app-tile>span{width:54px;height:54px;background:var(--app-color);border:2px solid #293a43;border-radius:14px;box-shadow:3px 3px #25354025;display:grid;place-items:center;font-size:27px;position:relative;font-weight:700;transition:transform .2s}.app-tile:hover>span{transform:translateY(-3px)}.app-tile b{font-size:8px;font-weight:550}.app-tile i{position:absolute;top:-3px;right:-3px;border:2px solid #e7eddf;background:#df687c;width:11px;height:11px;border-radius:50%}.home-widget{display:flex;justify-content:space-between;padding:15px 12px;margin-top:auto;background:#f3f4e671;border:1px solid #ffffff75;border-radius:9px;font-size:10px;font-weight:600}.home-bottom{font-size:7px;letter-spacing:1.4px;color:#516b66;text-align:center;margin:15px 0 10px}.app-header{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #cdd1c5;background:#eef0e6;gap:8px}.app-header button{font-size:30px;background:none;color:#4f6b68;width:25px;padding:0}.app-header b{font-size:12px;margin-right:auto}.app-header>span{font-size:10px;color:#78715e}.app-scroll{overflow:auto;padding:20px;flex:1;scrollbar-width:thin}.app-scroll h3{font-size:21px;letter-spacing:-.5px;line-height:1.2}.app-scroll p{font-size:12px;color:#687169;line-height:1.6}.app-intro{margin-bottom:20px}.profession-list{display:flex;flex-direction:column;gap:9px}.profession-item{display:flex;align-items:center;gap:11px;width:100%;background:#fffdf4;border:1px solid #d3d7c9;border-radius:7px;padding:12px;text-align:left;color:var(--ink)}.profession-item.chosen{border-color:#4c9b89;background:#e0eee4}.profession-icon{background:var(--prof);width:40px;height:42px;display:grid;place-items:center;font-size:22px;flex-shrink:0;border-radius:5px}.profession-item b{font-size:11px}.profession-item small{display:block;font-size:8px;margin-top:4px;color:#7c8277}.profession-item>span:last-child{margin-left:auto;font-size:16px;color:#7e8b81}.profession-preview{height:130px;background:var(--prof);border:2px solid #263843;border-radius:6px;display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:22px}.profession-preview>span{font-size:60px;font-weight:800;z-index:1;animation:breathe 4s infinite}.profession-preview i{position:absolute;width:50px;height:50px;border:2px solid #29334335;transform:rotate(25deg);left:20px;top:17px}.profession-preview i:nth-of-type(2){left:auto;right:15px;top:55px;border-radius:50%}.profession-preview i:nth-of-type(3){left:40%;top:-30px;width:90px;height:90px}.profession-detail .primary,.profession-detail .soft-button{width:100%;font-size:11px;margin:6px 0}.profession-detail .primary span{font-size:9px}.chat-label{text-align:center;font-size:8px;color:#8c9285;margin-bottom:18px;letter-spacing:1px}.chat-bubble{background:#fffdf4;border:1px solid #d4d8cb;border-radius:1px 12px 12px;padding:14px;font-size:12px;line-height:1.5;margin:12px 15px 15px 0}.chat-bubble small{display:block;font-size:8px;color:#679485;font-weight:800;letter-spacing:.8px;margin-bottom:8px}.chat-bubble.mysterious{background:#253847;color:#e5e6d8;border:0}.chat-bubble.mysterious small{color:#a8bcce}.chat-order{background:#e2e8d9;border:1px solid #b8c5af;padding:17px;border-radius:8px}.chat-order>span{font-size:8px;letter-spacing:1px;color:#7b8973}.chat-order h3{font-size:19px;margin:10px 0}.chat-order>div{font-size:10px;color:#72806a}.chat-order .primary{margin-top:17px;width:100%;font-size:11px}.exchange-hero{font-size:66px;background:#e1d6ed;color:#7d718f;text-align:center;padding:20px;border-radius:8px;margin-bottom:23px}.market-status{display:flex;align-items:center;gap:7px;font-size:9px;color:#6a8e78;margin-bottom:18px}.market-status i{background:#6ba88a}.order-card{padding:18px;background:#fffdf5;border:1px solid #d4d7c8;border-radius:8px;margin:17px 0}.order-card h3{font-size:18px;margin:14px 0 10px}.order-card p{font-size:10px}.order-meta{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.order-meta strong{font-size:24px;color:#8c7847}.order-meta span{font-size:10px;color:#7e8e7a}.order-card .primary{width:100%;font-size:10px;padding:13px 10px}.order-card.locked{background:#e4e6dd;border-style:dashed}.order-card.locked small{color:#818776;font-size:10px}.bank-hero{font-size:40px;color:#679a88;display:flex;justify-content:space-between;background:#dce8db;border-radius:8px;padding:20px;margin-bottom:20px}.bank-hero b{font-weight:400}.lesson{background:#fffdf4;padding:18px;border-left:3px solid #8bb89d;margin-top:20px}.lesson .eyebrow{font-size:8px;letter-spacing:1px}.lesson h3{font-size:18px}.learned{font-size:9px;color:#66947a}.product-laptop{width:160px;height:105px;border:8px solid #35414c;border-bottom:12px solid #35414c;border-radius:7px;margin:35px auto;background:linear-gradient(135deg,#5ba5a0,#274657);position:relative;display:grid;place-items:center;transform:rotate(-4deg)}.product-laptop span{font-size:50px;color:#f0c77a;font-family:'Russo One',sans-serif;text-shadow:3px 2px #e78fa2}.product-laptop:after{content:'';position:absolute;left:-21px;right:-21px;bottom:-22px;height:12px;background:#7d8c95;border-bottom:4px solid #33434e;border-radius:0 0 7px 7px}.product-specs{display:flex;gap:6px;margin:20px 0}.product-specs span{padding:7px;background:#dbe7d9;font-size:9px;color:#56755b;border-radius:4px}.app-scroll>.primary{width:100%;font-size:12px}.app-scroll textarea{width:100%;min-height:240px;padding:15px;border:1px solid #c9cfbb;background:#fffced;color:#465348;border-radius:4px;line-height:1.8;font-size:13px;resize:vertical}.laptop-scene{gap:30px;flex-direction:column;padding:60px 25px 45px}.laptop-scene .device-context{display:none}.laptop-device{width:min(900px,90vw);height:min(650px,78svh);min-height:480px;padding:16px 16px 24px;background:#28313e;border:2px solid #72808b;border-radius:17px 17px 6px 6px;position:relative;box-shadow:8px 12px 0 #10152280}.laptop-device .device-display{border-radius:5px}.laptop-device .device-status{height:28px;min-height:28px;padding:0 18px;background:#354b58;color:#d8ded6}.laptop-device .device-home{min-height:35px;background:#d9e3d9;font-size:18px;padding:4px}.laptop-keyboard{position:absolute;bottom:-21px;left:-5%;width:110%;height:24px;background:linear-gradient(#8b969f,#5d6975);border-radius:3px 3px 30px 30px;border-bottom:7px solid #34414e}.laptop-keyboard:after{content:'';position:absolute;left:42%;top:0;width:16%;height:7px;background:#4a5963;border-radius:0 0 7px 7px}.laptop-device .phone-home{padding:20px 35px}.laptop-device .home-clock{align-items:flex-start;padding:5px 0 15px}.laptop-device .home-clock b{font-size:42px}.laptop-device .apps-grid{grid-template-columns:repeat(7,1fr);gap:15px;max-width:700px}.laptop-device .home-widget{max-width:320px;gap:30px;align-self:flex-end}.laptop-device .home-bottom{text-align:right}.laptop-device .app-scroll{padding:25px 10%;}.laptop-device .profession-list{display:grid;grid-template-columns:1fr 1fr}.laptop-device .order-card{max-width:460px;margin-left:auto;margin-right:auto}.laptop-device .chat-bubble{max-width:380px}.laptop-device .chat-order{max-width:400px}.laptop-device .game-container{max-width:460px;width:100%;align-self:center}.laptop-device .result-screen{align-self:center;width:450px;max-width:100%}
.game-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px;background:#e6e9dc}.game-top{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:35px;margin-bottom:8px}.game-top>span{font-size:9px;line-height:1.4;color:#697366;max-width:70%}.game-top>b{font-size:12px;white-space:nowrap}.game-board{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.game-controls{display:flex;flex-direction:column;gap:9px;margin-top:12px;flex-shrink:0}.game-controls small{font-size:8px;text-align:center;color:#7d8776;line-height:1.4}.game-board canvas{display:block;width:100%;max-height:100%;object-fit:contain;touch-action:none;border-radius:7px;background:#182538}.paper{padding:22px 17px;background:#fffbee;border:1px solid #d8d5bd;box-shadow:3px 4px #bbc2b25e;min-height:220px;display:flex;flex-direction:column}.paper>small{font-size:7px;letter-spacing:1px;color:#999b8a;border-bottom:1px solid #d8d9c6;padding-bottom:14px}.typed-text{font-size:22px;line-height:1.7;font-weight:700;padding:20px 0;word-break:break-word}.typed-text span{color:#448f81}.typed-text mark{color:#1b3542;background:#f4c777;padding:0 2px}.typed-text i{color:#d2d1c2;font-style:normal}.letter-cost{font-size:9px;color:#848b78;margin-top:auto}.key-button{background:#243f49;border:2px solid #14242e;border-bottom:6px solid #101e28;color:#edf0da;padding:18px;border-radius:8px;font-weight:800;letter-spacing:2px;font-size:13px;display:flex;justify-content:space-between}.key-button:active{transform:translateY(3px);border-bottom-width:3px}.key-button span{color:#8dd3bb;font-size:20px}.design-brief{font-size:13px;font-weight:700;margin-bottom:15px}.design-brief small{font-size:9px;font-weight:400;color:#77836e;display:block;margin-top:5px}.layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#d5dacb;padding:6px;border-radius:6px}.layout-cell{aspect-ratio:1;background:var(--piece);border:1px dashed #a7ae9b;color:#9da78f;font-size:16px;padding:0;min-width:0}.layout-cell.filled{border:1px solid #334f4259;color:#30483d;font-size:8px;font-weight:750}.piece-tray{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}.piece{flex:1;background:var(--piece);color:#293e38;padding:9px 5px;border:2px solid transparent;border-radius:5px;font-size:8px}.piece small{display:block;font-size:9px;margin-top:4px}.piece.selected{border-color:#233a37;box-shadow:0 2px 0 #233a37}.piece:disabled{opacity:.3}.wire-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px;background:#263c4a;border:3px solid #1b2b36;border-radius:9px}.wire{aspect-ratio:1;background:var(--wire);border:3px solid #132934;border-bottom-width:6px;border-radius:12px;font-size:27px;font-weight:800;color:#183341;padding:0}.wire.removed{background:#ffffff07;border-color:transparent;opacity:1}.shake{animation:shake .25s}.office-income{background:#223e49;color:#f4e8cb;padding:20px;border-radius:8px;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:7px}.office-income small{font-size:8px;letter-spacing:2px;color:#92bbb0}.office-income strong{font-size:35px}.office-income span{font-size:9px;color:#afc0b8}.office-stations{display:flex;flex-direction:column;gap:10px}.station{display:flex;align-items:center;gap:12px;padding:14px;background:#f9f7eb;border:1px solid #b9c8b3;border-radius:7px;text-align:left;color:#324c3f}.station-art{font-size:30px;color:#899b7b}.station b{font-size:13px}.station small{display:block;font-size:9px;margin-top:5px;color:#7c8a72}.station>span:last-child{margin-left:auto}.station.active{border-left:4px solid #65a791}.network{position:relative;height:340px;background:#213646;border-radius:9px;overflow:hidden;flex:1;min-height:230px}.network>svg{width:100%;height:100%;position:absolute;stroke:#78929140;stroke-width:.5;fill:none}.post-node{position:absolute;transform:translate(-50%,-50%);width:63px;height:63px;border:2px solid #c9d3c8;border-radius:12px;background:#b7c4bc;color:#273b41;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 3px #0003}.post-node small{font-size:6px;letter-spacing:1px;margin-bottom:5px}.post-node b{font-size:16px}.post-node.team-1{background:#79cdbd;border-color:#a2eed9}.post-node.team-2{background:#dc8fa1;border-color:#f9b1bf}.post-node.selected{outline:3px solid #f8d174;outline-offset:4px}.flight{position:absolute;background:#bce4db;border-radius:50%;padding:4px;font-size:10px;color:#24403d;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.flight.team-2{background:#efa8b7}.arrow-controls{display:flex;gap:14px}.arrow-controls button{flex:1;padding:9px;background:#304e59;color:#d4e1d3;border-bottom:4px solid #18313b;border-radius:6px;font-size:26px;line-height:1}.result-screen{padding:35px 24px;text-align:center;overflow:auto}.result-icon{font-size:65px;color:#6ba58d;margin-bottom:22px}.result-screen h3{font-size:26px}.result-screen p{font-size:12px;color:#76806e}.result-screen .primary{width:100%;font-size:12px;margin-top:14px}.reward-number{font-family:'Russo One',sans-serif;font-size:56px;color:#476c5c;margin:20px 0}.reward-number span{color:#b39856}.reward-number small{font-size:20px;color:#9b9d87}.result-screen .eyebrow{font-size:8px}.result-screen .text-button{font-size:11px}.result-screen .notice{text-align:left}
#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);max-width:calc(100% - 32px);width:max-content;border:1px solid #c7e2c850;border-radius:7px;background:#203b3af2;color:#eceddb;padding:13px 20px;font-size:12px;line-height:1.5;box-shadow:0 8px 30px #0004;z-index:60;opacity:0;pointer-events:none;transition:.25s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #f7d58e40}50%{box-shadow:0 0 0 9px #f7d58e00}}@keyframes shake{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}70%{transform:translateX(4px)}}@keyframes glitch{0%,92%,100%{filter:none}93%{filter:hue-rotate(90deg);transform:translateX(-3px)}95%{filter:hue-rotate(-45deg);transform:translateX(3px)}}
@media(min-width:1500px){.room-scene{max-height:calc(100svh - 202px);width:auto;min-width:80%;height:calc(100svh - 202px)}}
@media(max-width:1000px){.hud{padding:0 20px}.brand>span{font-size:12px}.stat{min-width:104px;padding:10px}.room-footer{gap:14px;padding:17px 20px}.journal-button{font-size:0}.journal-button>span{font-size:27px}.journal-button kbd{display:none}.player-card{min-width:160px}.device-context{width:240px}.device-context h2{font-size:35px}.landing-bottom{padding-left:5%;padding-right:5%}.landing-bottom h1{font-size:35px}.primary.large{font-size:14px}.room-scene{max-height:none}.room-container{align-items:center}}
@media(max-width:720px){.landing-art{object-position:48% 20%;height:65%;object-fit:cover}.landing-vignette{background:linear-gradient(180deg,#10182470,transparent 25%,#10182400 40%,#101824 66%)}.landing-header{padding:20px}.landing-header .brand{font-size:11px;letter-spacing:1px}.landing-header .brand>b{font-size:36px}.edition{display:none}.landing-bottom{margin-top:38vh;flex-direction:column;align-items:stretch;padding:25px;gap:24px}.landing-bottom h1{font-size:32px}.landing-bottom p{font-size:13px}.enter-block .primary{justify-content:center}.landing-footer{padding:15px 25px}.landing-footer>span:first-child{display:none}.landing-footer>span:last-child{margin:auto}.hud{height:71px;padding:0 14px;gap:9px}.hud .brand>b{font-size:35px}.hud .brand>span{display:none}.hud .brand{padding:0}.hud-stats{gap:5px;flex:1;justify-content:center}.stat{min-width:0;min-height:43px;grid-template-columns:17px 1fr;padding:6px 10px;column-gap:5px}.stat i{font-size:21px}.stat b{font-size:16px}.stat span{font-size:6px;letter-spacing:.5px}.settings-button{width:34px;height:35px;font-size:19px}.room-container{min-height:350px;position:relative;align-items:center}.room-scene{width:100%;aspect-ratio:auto;height:min(67svh,600px);max-height:none;overflow:hidden}.room-art{width:178%;max-width:none;margin-left:-37%;height:100%;object-fit:fill}.room-caption{top:15px;font-size:7px;letter-spacing:1px;left:14px;right:14px}.time-caption{font-size:7px;padding:6px;letter-spacing:.5px}.phone{left:20%;top:49%}.door{left:1%;top:32%}.door .hotspot-label{display:none}.bed{left:auto;right:2%;top:74%}.hotspot{gap:5px;padding:5px}.hotspot-dot{width:32px;height:32px}.hotspot-label{padding:7px 9px;font-size:10px}.hotspot-label small{font-size:8px}.future-laptop{left:59%;top:52%;width:90px;font-size:8px}.room-laptop{left:58%;top:43%;width:23%}.room-character{left:20%;width:19%;bottom:10%}.room-tip{font-size:8px;padding:0 20px;bottom:12px}.room-footer{flex-wrap:wrap;padding:13px 15px;gap:13px;min-height:140px}.quest-card{order:0;flex-basis:100%;padding:10px 12px}.quest-card b{font-size:11px}.quest-card em{font-size:9px}.quest-icon{font-size:25px}.player-card{order:1;flex:1;min-width:0;padding:0}.player-card .avatar{width:32px;height:37px}.player-card b{font-size:11px}.player-card small{font-size:8px;margin-top:3px}.journal-button{order:2;font-size:10px}.journal-button>span{font-size:20px}.device-context{display:none}.device-scene{padding:55px 15px 20px;min-height:100svh;align-items:center}.phone-device{width:min(354px,calc(100vw - 40px));height:calc(100svh - 90px);min-height:480px;max-height:740px}.back-room{top:12px;left:15px;font-size:10px;padding:8px 12px}.hand{width:46px;height:160px;bottom:-15px}.hand-left{left:-20px}.hand-right{right:-20px}.hand:after{width:24px;height:75px}.creation{grid-template-columns:.75fr 1.25fr;gap:15px;padding:30px 20px}.create-heading h2{font-size:31px}.create-heading .eyebrow{font-size:7px;letter-spacing:1px}.create-heading p{font-size:10px}.avatar-preview .avatar{height:210px}.avatar-sticker{font-size:6px;left:0}.creation label{font-size:8px}.custom-row>div{gap:6px}.hair-choice{padding:7px 5px;font-size:8px}.swatch{width:25px;height:25px}.custom-row{padding:12px 0}.creation input{font-size:13px}.creation .primary{font-size:10px;padding:12px 10px;gap:7px}.creation .primary span{font-size:14px}.paper-modal{padding:30px 23px}.paper-modal h2{font-size:26px}#overlay.active{padding:15px}#overlay.device-overlay{padding:0}.comic-panel{grid-template-columns:1fr;min-height:0;max-height:91svh;overflow:auto}.comic-portrait,.portal-avatar{height:190px;border-right:0;border-bottom:4px solid #182130;padding:0}.comic-portrait .avatar,.portal-avatar .avatar{width:100px;transform:translateY(55px)}.parent-portrait{font-size:85px}.comic-text{padding:25px}.comic-text h2{font-size:23px}.comic-text p{font-size:12px}.incoming-message{top:55px;left:15px;width:45%;max-width:180px}.comic-counter{font-size:8px}.laptop-device{width:100%;height:calc(100svh - 125px);min-height:440px;padding:8px 8px 15px;border-radius:10px}.laptop-keyboard{left:-2%;width:104%;height:20px;bottom:-17px}.laptop-scene{padding:60px 12px 40px}.laptop-device .phone-home{padding:20px}.laptop-device .apps-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px}.laptop-device .home-clock b{font-size:35px}.laptop-device .home-greeting{margin-bottom:20px}.laptop-device .home-widget{align-self:stretch;margin-top:25px}.laptop-device .profession-list{display:flex}.laptop-device .app-scroll{padding:20px}.laptop-device .device-status{font-size:7px}.laptop-device .game-container{max-width:400px}.laptop-device .home-bottom{margin-top:auto;padding-top:15px}}
@media(max-height:690px) and (min-width:721px){.phone-device{height:88svh;min-height:480px}.device-scene{padding:30px}.home-clock{padding-bottom:12px}.home-clock b{font-size:40px}.home-greeting{margin-bottom:15px}.apps-grid{gap:15px}.app-tile>span{width:45px;height:45px}.device-context h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Обложка содержит название: сохраняем его целиком при любом соотношении сторон. */
.landing{background:linear-gradient(#101824aa,#101824dd),url('./assets/room.png') center/cover}.landing-art{height:auto;top:12%;object-fit:contain;object-position:center;mask-image:linear-gradient(transparent,black 12%,black 83%,transparent)}
@media(max-width:720px){.landing-art{width:145%;max-width:none;left:-22.5%;height:auto;top:17%;object-fit:contain}.landing-vignette{background:linear-gradient(180deg,#10182430,transparent 25%,#10182400 40%,#101824 67%)}}
/* Дневная и ночная сцены — две равные половины одного игрового атласа. */
.day .room-scene,.night .room-scene{background-image:url('./assets/room-times.png');background-size:100% 200%;background-repeat:no-repeat}
.day .room-scene{background-position:center top}.night .room-scene{background-position:center bottom}
.day .room-art,.night .room-art{opacity:0}.day .time-light,.night .time-light{background:none}
@media(max-width:720px){.day .room-scene,.night .room-scene{background-size:178% 200%;background-position-x:47.4%}}