/* Второе издание: бумага, чернила и живой комикс. */
:root{--comic-ink:#20293e;--comic-paper:#fff0ce;--comic-cyan:#6bdbd0;--comic-coral:#f295ad}
[hidden]{display:none!important}
.hud{background:#f4dfb9;color:#263348;border-bottom:4px solid #1d2c41;box-shadow:0 5px 0 #ee8ca999;z-index:7;background-image:radial-gradient(#6b544224 .7px,transparent .7px);background-size:7px 7px}
.hud .brand>b{color:#203a50;text-shadow:2px 2px #f08ba1,-2px -1px #5bc8d2}.hud .brand small{color:#856d5b}.hud .icon-button{border:2px solid #263449;background:#fff2d4;color:#263449;box-shadow:3px 3px #263449}
.hud-stats{gap:12px}.stat{border:2px solid #263449;box-shadow:3px 3px #263449;border-radius:4px;background:#ffe6a6;min-width:139px;transform:rotate(-1deg)}.stat.energy{background:#a8e4cb;transform:rotate(1deg)}.stat.knowledge{background:#d9c3ed;transform:rotate(-1deg)}.stat i{color:#9b682b}.stat.energy i{color:#326c60}.stat.knowledge i{color:#675684}.stat b{font-size:21px}.stat span{color:#615d58;font-weight:800}.stat em{height:4px;background:#448675}
.room-footer{background:#f3e4c7;color:#293a4e;border-top:4px solid #25354b;box-shadow:0 -5px #68c8c488;z-index:5}.player-card{padding:6px 9px;border:2px solid #293a4c;border-radius:5px;box-shadow:3px 3px #293a4c;background:#d7e5d5;transform:rotate(-1deg)}.player-card .avatar{background:#edc797;border-color:#374c55}.player-card small{color:#536c70}.level-badge{background:#edc16e;color:#283d49;border:2px solid #283d49;font-weight:900}.quest-card{background:#fff7df;border:2px solid #293b4e;box-shadow:3px 3px #293b4e;transform:rotate(.3deg);border-radius:3px}.quest-icon{color:#bc784c}.quest-card small{color:#a37b5c}.quest-card b{color:#314258;font-size:13px}.quest-card em{color:#637775}.quest-card>span:last-child{color:#cc795f}.quest-progress i{background:#62bba8;height:4px}.journal-button{background:#f5c47e;border:2px solid #2d3c4d;padding:14px;box-shadow:3px 3px #2d3c4d;border-radius:5px;font-weight:800;color:#283b4f}.journal-button kbd{color:#637079;border-color:#83917d}
.hotspot{filter:none;gap:0;transform:rotate(-3deg);transition:transform .2s}.hotspot:hover{transform:rotate(1deg) translateY(-3px)}.hotspot-dot{border:2px solid #243348;border-right:0;border-radius:9px 0 0 9px;background:#f7c475;color:#21374a;width:38px;height:46px;font-size:25px;box-shadow:3px 4px #1c2d41;backdrop-filter:none}.hotspot-label{border:2px solid #243348;border-radius:0 6px 6px 0;background:#fff0ce;color:#28394a;padding:8px 12px;height:46px;box-shadow:3px 4px #1c2d41;font-weight:900}.hotspot-label small{color:#8c7662}.hotspot:hover .hotspot-label{background:#f8d88f}.hotspot.phone .hotspot-dot{background:#74d9cf}.hotspot.bed .hotspot-dot{background:#c9aee9}.hotspot.door .hotspot-dot{background:#f29caf}.phone{left:32%;top:47%}.door{left:6%;top:36%}.bed{top:66%;left:77%}.room-caption{font-weight:800;color:#fff0d0;text-shadow:2px 2px #1e2c41}.time-caption{background:#f3dfbfe8;color:#263b50;text-shadow:none;border:2px solid #243449;box-shadow:3px 3px #243449}.room-tip{background:#192d4699;width:auto;left:50%;transform:translateX(-50%);padding:7px 17px;border-radius:3px;color:#ffedc9;font-weight:600}
.room-character{width:21%;left:18%;bottom:5%;animation:none;filter:drop-shadow(3px 5px 0 #13283f66)}.room-character .rigged-avatar{overflow:visible;animation:body-breathe 5.5s ease-in-out infinite}.rigged-avatar{display:block}.rigged-avatar .hair-stroke{fill:none;stroke:#ffffff2e;stroke-width:2}.character-shadow{bottom:1.8%;left:12%;width:75%;height:5%}.avatar{overflow:visible}.profile-avatar{width:130px}.player-card .avatar{overflow:hidden}.room-laptop{width:11.5%;left:55.7%;top:36%;transform:none;filter:drop-shadow(2px 4px 1px #12273c55)}.mini-laptop-screen{border:4px solid #344656;background:linear-gradient(140deg,#63c5c2,#3b5c7c);box-shadow:1px 2px #152c42;transform:skewY(-1deg)}.mini-laptop-screen b{font-size:32px}.mini-laptop-base{transform:translateX(-6%) skewX(-7deg);background:#c4b9a7}.laptop-label{background:#ffe0a3;border:2px solid #22364b;box-shadow:3px 3px #22364b;color:#293e50;font-weight:900;transform:rotate(3deg);margin-top:10px}
.lamp-light{position:absolute;left:20%;top:35%;width:29%;height:35%;pointer-events:none;background:radial-gradient(ellipse at 30% 15%,#ffda8275,transparent 68%);mix-blend-mode:screen;animation:lamplight 7s ease-in-out infinite;clip-path:polygon(20% 0,50% 0,100% 100%,0 100%)}.window-sparkles{position:absolute;left:27%;top:11%;width:47%;height:34%;pointer-events:none}.window-sparkles i{position:absolute;width:4px;height:6px;background:#ffe8a2;box-shadow:0 0 10px 3px #ffda8055;left:12%;top:38%;animation:windowlight 4s infinite}.window-sparkles i:nth-child(2){left:36%;top:60%;animation-delay:-1s}.window-sparkles i:nth-child(3){left:73%;top:28%;animation-delay:-2s}.window-sparkles i:nth-child(4){left:52%;top:45%;animation-delay:-3s}.window-sparkles i:nth-child(5){left:87%;top:77%;animation-delay:-.6s}.window-sparkles i:nth-child(6){left:27%;top:90%;animation-delay:-1.6s}.day .window-sparkles{opacity:.25}.dust{position:absolute;inset:0;pointer-events:none}.dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffdfad9c;left:30%;top:55%;animation:floatdust 10s infinite}.dust i:nth-child(2){left:45%;top:70%;animation-delay:-3s}.dust i:nth-child(3){left:22%;top:60%;animation-delay:-6s}.dust i:nth-child(4){left:65%;top:50%;animation-delay:-5s}.dust i:nth-child(5){left:38%;top:80%;animation-delay:-9s}
.live-clock{position:absolute;left:77%;top:13.3%;width:5.7%;aspect-ratio:1;border:3px solid #213247;border-radius:50%;background:#c3b2a1;box-shadow:inset 0 0 0 4px #e5cfae;background-image:repeating-conic-gradient(from 0deg,#293b4a 0deg 2deg,transparent 2deg 30deg)}.live-clock:before{content:'';position:absolute;inset:12%;background:#d1bfaa;border-radius:50%}.live-clock:after{content:'';position:absolute;width:10%;height:10%;background:#26374d;left:45%;top:45%;border-radius:50%}.live-clock span{position:absolute;left:48%;bottom:50%;width:4%;height:36%;transform-origin:50% 100%;background:#26374d;border-radius:3px}.live-clock .clock-hour{height:24%;width:6%;left:47%}.live-clock .clock-second{width:2%;left:49%;background:#aa535f}
.door-interior{position:absolute;left:2%;top:6%;width:10.7%;height:80%;background:linear-gradient(90deg,#192a3c,#f5c78b);clip-path:polygon(0 0,100% 12%,100% 83%,0 100%);opacity:0;transition:opacity .7s}.door-interior img{position:absolute;left:0;top:31%;width:100%;mix-blend-mode:multiply}.door-leaf{position:absolute;left:2%;top:6%;width:10.7%;height:80%;background:linear-gradient(90deg,#553722,#895734,#553722);border:4px solid #2b211f;clip-path:polygon(0 0,100% 12%,100% 83%,0 100%);transform-origin:0 50%;transform:perspective(600px) rotateY(0);opacity:0;transition:transform .9s,opacity .25s}.door-open .door-leaf{opacity:1;transform:perspective(600px) rotateY(-68deg)}.door-open .door-interior{opacity:1}
.creation-v2{width:min(930px,100%);grid-template-columns:1fr 1.2fr;max-height:92svh;padding:32px 38px;gap:10px 40px;overflow:auto}.creation-v2 .create-heading h2{font-size:36px}.creation-v2 .create-heading h2 span{color:#bc6e79}.creation-v2 .avatar-preview{align-self:start;height:365px;min-height:0;background:radial-gradient(ellipse,#aedbd1,transparent 72%)}.creation-v2 .avatar-preview .avatar{height:350px;max-width:100%;filter:drop-shadow(4px 6px 0 #26344933)}.creation-v2 form{max-height:78svh;overflow:auto;padding:0 10px 12px 0;scrollbar-width:thin}.creation-v2 .custom-row{padding:10px 0}.creation-v2 .custom-row>span{margin-bottom:8px;font-weight:700}.creation-v2 .custom-row>div{flex-wrap:wrap;gap:6px}.creation-v2 .hair-choice{font-size:10px;padding:7px 9px;border:1px solid #c3bfaa}.creation-v2 .hair-choice.selected{background:#314b63;border-color:#233649;box-shadow:2px 2px #f097a8}.creation-v2 .avatar-sticker{bottom:-5px;left:18%;font-weight:800}.creation-v2 .swatch{width:27px;height:27px}
#overlay.comic-overlay{background:#172337d9;padding:22px;backdrop-filter:blur(3px);overflow:auto}.comic-book{width:min(1140px,100%);background:#ecd7b8;color:#263449;padding:20px;border:4px solid #202a3f;box-shadow:8px 10px #080f22a6;max-height:94svh;overflow:auto;background-image:radial-gradient(#7a573233 .7px,transparent .7px);background-size:6px 6px}.comic-book>header,.comic-book>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 8px 16px}.comic-book>footer{padding:17px 8px 0}.comic-brand{font-family:'Russo One',sans-serif;font-size:17px}.comic-reading,.comic-page{font-size:9px;letter-spacing:1px;font-weight:800;color:#88735b}.comic-pause{background:#fff1d7;border:2px solid #26364c;font-size:10px;padding:8px 11px;box-shadow:2px 2px #26364c}.comic-book>footer .primary,.comic-book>footer .soft-button{font-size:11px;padding:11px 15px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-grid.count-2{grid-template-columns:1fr 1fr}.story-panel{position:relative;height:295px;overflow:hidden;border:4px solid #223147;background:#37566b;opacity:.1;filter:grayscale(1);transform:scale(.97);transition:opacity .7s,filter .7s,transform .7s;clip-path:polygon(0 0,100% 2%,98% 100%,1% 97%);pointer-events:none}.story-panel:nth-child(2n){clip-path:polygon(2% 2%,100% 0,99% 98%,0 100%)}.story-panel.revealed{opacity:1;filter:none;transform:scale(1);pointer-events:auto}.story-panel:not(.revealed)>*{visibility:hidden}.panel-number{position:absolute;left:14px;top:12px;color:#fff0d3;font-weight:900;font-size:30px;z-index:3;text-shadow:2px 2px #22364b}.panel-illustration{position:absolute;inset:0;background:linear-gradient(90deg,#1a2b3d33,#1a2b3d99),url('./assets/room.png') center/cover}.panel-illustration>.avatar{height:340px;width:190px;position:absolute;left:1%;bottom:-100px;filter:drop-shadow(4px 0 #f490a5)}.panel-illustration>img{width:53%;height:100%;object-fit:cover;object-position:50% 24%;mix-blend-mode:normal;mask-image:linear-gradient(90deg,black 75%,transparent)}.mom-panel .panel-illustration{background:linear-gradient(90deg,#f4c38a,#975c4e);}.mom-panel .panel-illustration:after{content:'';position:absolute;right:0;top:0;width:18%;height:100%;background:linear-gradient(90deg,#74452d,#9f6945);border-left:8px solid #3b2d29;transform-origin:right center;animation:comic-door 1.2s both}.speech-balloon{position:absolute;right:4%;top:14%;width:56%;padding:17px;background:#fff4dc;border:3px solid #24364b;box-shadow:4px 4px #f18a9c;transform:rotate(1deg);z-index:2;border-radius:19px 18px 18px 3px}.speech-balloon:before{content:'';position:absolute;left:-14px;bottom:15%;width:20px;height:18px;background:#fff4dc;border-left:3px solid #24364b;border-bottom:3px solid #24364b;transform:skewY(-35deg)}.speech-balloon>span{font-size:8px;color:#b06d66;letter-spacing:1px;font-weight:900}.speech-balloon h2{font-size:17px;line-height:1.2;margin:9px 0 8px}.speech-balloon p{font-size:10px;line-height:1.55;color:#796e61;margin:0}.portal-panel .panel-illustration{background:repeating-conic-gradient(from 20deg,#55bec7 0 20deg,#28455c 20deg 40deg);}.portal-panel.revealed .panel-illustration>.avatar{animation:portal-arrival 1.4s both}.portal-message{position:absolute;left:8px;bottom:8px;background:#f3c47c;color:#28384a;border:2px solid #26364a;padding:7px;transform:rotate(-5deg);z-index:4;font-size:10px;font-weight:700}.mystery-phone{position:absolute;left:10%;top:15%;width:100px;height:170px;background:#202e46;border:5px solid #638184;border-radius:15px;color:#f9d180;font-size:65px;text-align:center;padding-top:25px;transform:rotate(-12deg)}.mystery-phone small{font-size:7px;display:block;color:#b8e4d5}.story-grid.count-3 .story-panel:last-child{grid-column:span 2;height:230px}.story-grid.count-3 .story-panel:last-child .speech-balloon{width:65%;top:20%}
.guided{position:relative;z-index:5!important;overflow:visible!important;outline:3px solid #ffe28a;outline-offset:5px}.hotspot.guided{position:absolute}.guided:after{content:'↙ ' attr(data-guide);position:absolute;bottom:calc(100% + 12px);left:50%;width:max-content;max-width:200px;padding:9px 12px;background:#ffe39c;color:#263448;border:2px solid #24344b;border-radius:4px;box-shadow:3px 3px #ee8da6;font-size:10px;line-height:1.3;font-weight:900;z-index:30;pointer-events:none;transform:translateX(-50%) rotate(-3deg);animation:guide-bob 1.8s ease-in-out infinite;white-space:normal;text-align:center}.apps-grid .guided:after{font-size:9px;max-width:130px;padding:6px}.app-scroll:has(.guided){padding-top:45px}.device-home.guided:after{bottom:calc(100% + 7px)}.room-laptop.guided{position:absolute}.guided[data-action="phone"]:after{left:65%}.home-greeting{margin-bottom:32px}
.upgrade-link{display:block;width:100%;text-align:center;padding:12px;margin:12px 0;background:#f3d5e4;border:2px solid #394255;box-shadow:3px 3px #394255;color:#473b57;font-size:10px;font-weight:800;border-radius:5px}.upgrade-page .soft-button{width:100%;font-size:11px;margin-top:10px}.meta-wallet{display:grid;grid-template-columns:50px 1fr;gap:0 12px;padding:20px;background:var(--prof);border:3px solid #293a51;box-shadow:4px 4px #293a51;transform:rotate(-2deg);margin:20px 0 25px}.meta-wallet>span{grid-row:span 2;font-size:38px;align-self:center}.meta-wallet strong{font-family:'Russo One',sans-serif;font-size:34px}.meta-wallet b{font-size:10px;letter-spacing:1px}.upgrade-card{background:#fff7df;border:2px solid #b7bbaa;box-shadow:3px 3px #d1c8af;padding:15px;margin:16px 0}.upgrade-card>div{display:flex;justify-content:space-between;gap:5px;align-items:center}.upgrade-card h3{font-size:16px;margin:0}.upgrade-card i{display:inline-block;width:8px;height:8px;background:#d4d5c7;margin:2px;border:1px solid #5b6f73}.upgrade-card i.lit{background:#5dbdaa}.upgrade-card p{font-size:10px;margin:12px 0}.upgrade-card .primary{font-size:10px;padding:11px;width:100%}.meta-earned{background:#e4b9d8;color:#5f415d;font-size:13px;font-weight:800;padding:12px;transform:rotate(-2deg);border:2px solid #744f72}.run-meta{background:#efc8dd;color:#5a405a;font-size:10px;font-weight:800;padding:5px 14px;text-align:right;border-bottom:2px solid #483a53}
.game-container{position:relative;background:#efdfb9;background-image:radial-gradient(#634e3820 .7px,transparent .7px);background-size:6px 6px}.game-top{background:#fff3d8;border:2px solid #263c51;box-shadow:3px 3px #263c51;padding:7px 9px;transform:rotate(-1deg);min-height:42px;margin-bottom:15px}.game-top>span{font-weight:700;color:#76674d}.game-top>b{color:#a45b68;font-family:'Russo One',sans-serif}.game-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.comic-pop{position:absolute;color:#ffe59c;text-shadow:2px 2px #20394f,-1px -1px #20394f;font-family:'Russo One',sans-serif;font-size:20px;transform:translate(-50%,-50%);animation:pop-word .65s both;white-space:nowrap}.comic-spark{position:absolute;width:5px;height:9px;background:var(--spark);border:1px solid #24394a;animation:fly-spark .65s both}.game-board{position:relative}.paper{border:2px solid #2b4052;background:repeating-linear-gradient(transparent 0 32px,#a4b8b033 32px 33px),#fff3d5;box-shadow:6px 6px #cd9c78;transform:rotate(-1deg)}.paper>small{font-size:8px;font-weight:900;color:#9d6e5b}.typed-text{font-family:monospace;font-size:23px}.typed-text span{color:#286c6b}.typed-text mark{border-bottom:3px solid #d8798d;animation:cursor-glow 1s infinite}.key-button{background:#ef9caf;color:#29354b;border:3px solid #29354b;border-bottom:7px solid #29354b;box-shadow:4px 4px #9b756955}.key-button span{color:#29354b}.letter-cost{background:#e8d9b6;padding:7px}.game-writer .game-controls:before{content:'NON TYPE / РЕДАКЦИЯ';display:block;letter-spacing:2px;font-size:8px;text-align:center;color:#946b58;font-weight:900}
.layout-grid{background:#294b60;border:3px solid #20364b;padding:8px;gap:4px;box-shadow:5px 5px #cf9d86;transform:rotate(-1deg)}.layout-cell{border-color:#91a897;background:#d6dfc7;color:#587767;border-width:2px}.layout-cell.filled{border:2px solid #233d4d;background:repeating-linear-gradient(135deg,transparent 0 9px,#ffffff23 9px 11px),var(--piece);color:#233d4d;font-weight:900;animation:tile-drop .25s ease-out}.layout-cell.valid-cell{box-shadow:inset 0 0 0 3px #6de5c8;background:#c1f2c8}.piece{border:2px solid #324455;box-shadow:2px 3px #324455;font-weight:900}.piece.selected{outline:3px solid #f4b76f;outline-offset:2px}.design-brief{color:#4c4e4b;padding-left:9px;border-left:4px solid #c77d90}.game-designer .game-controls .soft-button{background:#f8c580;border:2px solid #314558;font-size:10px}
.wire-grid{background:radial-gradient(#72979c55 1px,transparent 1px),#264759;background-size:13px 13px;border:5px solid #293446;box-shadow:5px 5px #cd958a;gap:10px;padding:13px}.wire{position:relative;background:linear-gradient(145deg,#f7eed57a,transparent),var(--wire);border:2px solid #142b40;border-bottom-width:5px;border-radius:7px;box-shadow:0 0 0 2px #7c8e8555;overflow:hidden}.wire>svg{position:absolute;inset:0;width:100%;height:100%;fill:#e8f1cd;stroke:#304c5c;stroke-width:4;opacity:.7}.wire>span{position:relative;z-index:1;text-shadow:1px 1px #fdf3ca;font-size:29px}.wire-free{outline:3px solid #a0f3be;outline-offset:2px}.wire.removed{background:#173247aa;box-shadow:inset 0 0 12px #10223c;border:none}.game-coder .game-board:before{content:'СЕРВЕРНАЯ / НЕ ТРОГАЙ КРАСНЫЙ…';font-size:7px;letter-spacing:1px;color:#8a6856;margin-bottom:12px;font-weight:900}
.office-income{background:linear-gradient(145deg,#508682,#264c60);border:3px solid #24374b;box-shadow:5px 5px #c19484;position:relative}.office-income:before{content:'↗';position:absolute;right:15px;top:18px;font-size:48px;color:#70ddbb55;animation:body-breathe 2s infinite}.office-income strong{color:#ffdc94;text-shadow:2px 2px #20394a}.station{border:2px solid #314556;border-radius:4px;box-shadow:3px 3px #ba9f7e;padding:10px;background:#fff0cd}.station-art{width:56px;height:50px}.station-art svg{width:100%;height:100%}.station.active .station-art{animation:desk-work 2s infinite}.station.active{border-left:5px solid #3aa88c}.station small{font-size:8px}
.network{border:3px solid #23354b;box-shadow:5px 5px #be8f8c;background:radial-gradient(#6eaaa344 1px,transparent 1px),linear-gradient(145deg,#385a75,#203e54);background-size:14px 14px,100% 100%;min-height:300px}.post-node{width:67px;height:78px;border-radius:3px;border:3px solid #203247;box-shadow:4px 4px #12233c88;overflow:hidden}.post-node small{font-size:6px;margin-bottom:3px;font-weight:900}.post-node b{font-size:13px}.post-thumbnail{width:45px;height:23px;background:linear-gradient(135deg,#f7d18a,#e9bca1);border:1px solid #314451;display:block;margin-bottom:3px;position:relative;overflow:hidden}.post-thumbnail:before{content:'';position:absolute;background:#63889c;width:20px;height:20px;transform:rotate(45deg);left:0;top:12px}.post-thumbnail:after{content:'';position:absolute;background:#fff1ba;width:9px;height:9px;border-radius:50%;right:5px;top:3px}.flight{font-weight:900;box-shadow:0 0 12px #a2e2ce;border:1px solid #1f354d;min-width:22px;text-align:center}.post-node.selected{outline-color:#ffe49c}.game-blogger canvas{border:3px solid #24394f;box-shadow:4px 4px #c49786;border-radius:4px}.game-blogger .arrow-controls button{background:#f5be7f;color:#273e54;border:2px solid #26394e;border-bottom-width:5px}
.target-game{padding:0;background:#273b56;gap:0}.target-mission{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#f6d895;color:#293c52;padding:9px 12px;border-bottom:3px solid #27364d;min-height:38px}.target-mission>span{font-size:8px;font-weight:900;letter-spacing:.4px}.target-clock{font-size:12px}.target-stage{position:relative;flex:none;align-self:center;min-height:0;display:flex;justify-content:center;overflow:hidden;background:#1d304a;aspect-ratio:420/600}.target-stage canvas{display:block;width:100%;height:100%;object-fit:fill;touch-action:none}.target-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f2dfba;color:#374759;min-height:34px;border-top:3px solid #293b52}.target-footer>span{font-size:11px;font-weight:900}.target-footer>span:last-child{font-size:7px;color:#8a6f5b}.cannon-cue{position:absolute;top:91%;display:flex;align-items:center;gap:18px;transform:translate(-50%,-50%);pointer-events:none;transition:opacity 1s;white-space:nowrap}.cannon-cue span{font-size:25px;color:#ffebac;text-shadow:2px 2px #253e54;animation:cannon-arrow 1s infinite}.cannon-cue b{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:7px;background:#ffe7a7;color:#294058;padding:5px 6px;border:1px solid #21364d;border-radius:3px}.cannon-cue.understood{opacity:0}.target-game .game-effects{display:none}.laptop-device .target-game{max-width:430px}.laptop-device .target-stage{min-height:0}
@keyframes body-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes lamplight{0%,100%{opacity:.65}50%{opacity:1}}@keyframes windowlight{0%,100%{opacity:.2}40%,65%{opacity:1}}@keyframes floatdust{0%{opacity:0;transform:translate(0,0)}30%{opacity:.6}100%{opacity:0;transform:translate(35px,-100px)}}@keyframes comic-door{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(-45deg)}}@keyframes portal-arrival{0%{filter:drop-shadow(20px 0 #ed719b);transform:translateX(-30px)}45%{filter:drop-shadow(-10px 0 #5ce0d8)}100%{filter:drop-shadow(4px 0 #f490a5);transform:translateX(0)}}@keyframes guide-bob{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes pop-word{0%{opacity:0;scale:.5;rotate:-15deg}20%{opacity:1;scale:1.1}100%{opacity:0;translate:0 -35px;scale:1;rotate:5deg}}@keyframes fly-spark{from{translate:0 0;opacity:1}to{translate:var(--dx) var(--dy);opacity:0;rotate:160deg}}@keyframes cursor-glow{50%{background:#f9dd9f}}@keyframes tile-drop{from{scale:.85;filter:brightness(1.5)}to{scale:1;filter:none}}@keyframes desk-work{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-2px)}}@keyframes cannon-arrow{50%{scale:1.15}}
@media(max-width:1000px){.stat{min-width:105px}.journal-button{font-size:0;padding:10px}.creation-v2{max-height:93svh}.speech-balloon h2{font-size:15px}.speech-balloon p{font-size:9px}.speech-balloon{padding:13px}.story-panel{height:280px}}
@media(max-width:720px){.hud{height:76px;padding:0 12px}.hud-stats{gap:7px}.stat{min-width:0;padding:6px 9px}.stat b{font-size:18px}.stat span{font-size:6px}.room-footer{padding:12px;gap:12px}.journal-button{font-size:9px;padding:9px}.quest-card{padding:10px}.quest-card b{font-size:11px}.player-card{padding:5px}.room-character{width:34%;left:10%;bottom:7%}.phone{left:17%;top:47%}.door{left:1%;top:32%}.door .hotspot-label{display:block}.door .hotspot-label small{display:none}.door .hotspot-label{height:36px;padding:8px;font-size:9px}.door .hotspot-dot{height:36px;width:29px;font-size:20px}.hotspot-label{font-size:10px;padding:7px 9px;height:42px}.hotspot-dot{width:33px;height:42px}.hotspot-label small{font-size:8px}.bed{left:auto;right:2%;top:75%}.room-laptop{width:20%;left:60%;top:40%}.laptop-label{font-size:8px;padding:4px 7px}.lamp-light{left:1%;top:36%;width:51%;height:32%}.window-sparkles{left:10%;width:75%}.live-clock{left:90%;top:13%;width:8.5%}.room-tip{width:88%;font-size:8px;bottom:8px;padding:5px}.door-interior,.door-leaf{left:0;width:10%;clip-path:polygon(0 0,100% 12%,100% 83%,0 100%)}.creation-v2{grid-template-columns:.7fr 1.3fr;padding:26px 17px;gap:15px;max-height:93svh}.creation-v2 .create-heading h2{font-size:26px}.creation-v2 .create-heading .eyebrow{font-size:6px}.creation-v2 .avatar-preview{height:275px;align-self:start;position:sticky;top:150px}.creation-v2 .avatar-preview .avatar{height:270px;max-width:120%}.creation-v2 form{max-height:80svh;padding-right:3px}.creation-v2 .custom-row{padding:9px 0}.creation-v2 .hair-choice{font-size:8px;padding:6px}.creation-v2 .swatch{width:23px;height:23px}.creation-v2 .custom-row>span{font-size:9px}.creation-v2 .avatar-sticker{font-size:6px;left:0}.comic-book{padding:12px;max-height:95svh}.comic-book>header{padding:0 0 12px}.comic-brand{font-size:11px}.comic-reading{display:none}.comic-pause{font-size:8px;padding:7px}.story-grid,.story-grid.count-2{grid-template-columns:1fr;gap:11px}.story-panel{height:270px}.story-grid.count-3 .story-panel:last-child{grid-column:auto;height:270px}.story-grid.count-3 .story-panel:last-child .speech-balloon{width:58%;top:14%}.speech-balloon{width:58%;right:4%;padding:12px}.speech-balloon h2{font-size:15px}.speech-balloon p{font-size:9px}.panel-illustration>.avatar{height:300px;width:165px;left:-8%;bottom:-75px}.panel-illustration>img{width:58%;object-position:50% 15%}.panel-number{font-size:22px}.comic-book>footer{flex-wrap:wrap;position:sticky;bottom:-12px;background:#ecd7b8;padding:12px 0}.comic-book>footer .comic-page{font-size:7px}.comic-book>footer button{font-size:9px;padding:8px}.comic-page{flex-basis:100%}.guided:after{max-width:145px;font-size:8px;padding:7px}.guided[data-action="phone"]:after{left:70%}.target-mission>span{font-size:7px}.game-top>span{font-size:8px}.typed-text{font-size:20px}.network{min-height:230px}}
@media(prefers-reduced-motion:reduce){.game-effects{display:none}.story-panel{transition:none}.rigged-avatar{animation:none}}