@import url('/assets/font.css');
:root{font-family:'Pixelify Sans','Cascadia Mono',Consolas,monospace;color:#f2eee7;background:#080810;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,summary{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.32}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #d6ff6b;outline-offset:4px}button{transition:filter .12s,transform .12s}button:hover:not(:disabled){filter:brightness(1.16)}button:active:not(:disabled){transform:translateY(2px)}button img{pointer-events:none}button[hidden]{display:none!important}h1,h2,h3,p{margin:0}button:disabled:hover{filter:none}
#app{height:100dvh;display:grid;place-items:center;overflow:hidden}
.game-stage{width:min(100vw,177.7778dvh);aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:#151420 var(--room) center/100% 100% no-repeat;font-size:1.35cqw;image-rendering:auto}
.game-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:60;opacity:.06;background:repeating-linear-gradient(0deg,#000 0,#000 1px,transparent 1px,transparent 3px)}
.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,19,.98),rgba(13,12,27,.87) 46%,rgba(17,17,28,.15));backdrop-filter:blur(1px)}
.main-menu{position:absolute;inset:7% auto 6% 7%;width:53%;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow,small{font-size:.92cqw;letter-spacing:.15em;color:#b3a7c7}.eyebrow{display:flex;align-items:center;gap:.8cqw;font-size:.78cqw;color:#b9b3c7}.eyebrow i{height:.55cqw;width:.55cqw;background:#c3ff6a;box-shadow:0 0 13px #aaf053}
.main-menu h1{font-size:6.5cqw;line-height:.87;letter-spacing:-.035em;font-weight:700;margin-top:3.2cqw;color:#f4f1e8;text-shadow:4px 4px 0 #111}
.main-menu h1 span{display:block;color:#c8ff70;text-shadow:4px 4px 0 #354b26}.main-menu p{font-size:1.45cqw;line-height:1.5;color:#c7c0d1;margin:2cqw 0}.menu-actions{display:flex;flex-direction:column;gap:.75cqw;width:23cqw}
.pixel-button{display:block;background:#262336;border:2px solid #6d6181;border-bottom:5px solid #0a0812;box-shadow:3px 3px 0 #0a0812;padding:1cqw 1.7cqw;text-align:center;font-size:1.4cqw;line-height:1.1;min-height:3.65cqw;font-weight:500}
.pixel-button.primary{background:#c5fc76;color:#1e2b12;border-color:#e2ffb2;border-bottom-color:#58782e;box-shadow:3px 3px 0 #101909}
.menu-credit{margin-top:auto;font-size:.78cqw;color:#8b809d}.text-button{border:0;background:none;color:#bcb2cb;font-size:1.1cqw;padding:.7cqw;text-align:center}.menu-actions>.text-button{text-align:left;padding-left:0}
.hud{position:absolute;top:0;left:0;right:0;height:7%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 3%;pointer-events:none}
.hud>*{pointer-events:auto}.clock{background:#24252e;font-size:2.1cqw;padding:.2cqw .4cqw;margin-left:-.35cqw}.shift{background:#14151fce;border:1px solid #595266;color:#cbffa1;font-size:1cqw;letter-spacing:.1em;padding:.65cqw 1.3cqw;margin-left:auto;margin-right:4cqw}.shift i{font-style:normal;color:#a99eba}.menu-trigger{font-size:1.6cqw;background:#353045;border:0;padding:.5cqw .8cqw;margin-right:-1.1cqw}
.work-footer{position:absolute;z-index:5;bottom:1.2%;left:3%;right:3%;display:flex;justify-content:space-between;font-size:.8cqw;color:#c6bbc8;text-shadow:1px 1px 0 #000;pointer-events:none}
.tools{position:absolute;inset:12% 0 8% auto;width:11%;z-index:10;display:flex;align-items:center;flex-direction:column;gap:1.4cqw}
.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8.5cqw;position:relative;padding:.2cqw;background:none;border:0;filter:drop-shadow(2px 3px 0 #110e19)}
.tool>img{width:6cqw;height:6cqw;object-fit:contain;image-rendering:pixelated}.tool>span:not(.energy){font-size:.8cqw;margin-top:.3cqw;text-shadow:1px 1px #000}.tool.board-tool>img{width:8.5cqw;height:6cqw;object-fit:cover;border:3px solid #635267}.tool.board-tool{margin-bottom:1cqw}.help-tool{margin-top:auto}.chat-tool{margin-top:1cqw}
.energy{display:flex;gap:.35cqw;position:absolute;left:.4cqw;right:.4cqw;bottom:-.75cqw;justify-content:center}.energy i{display:block;width:1.6cqw;height:.45cqw;border:1px solid #a895c5;background:#242034}.energy i.full{background:#caff71;border-color:#e9ffc5;box-shadow:0 0 5px #a1d45b}
.unread{position:absolute;top:.1cqw;right:1.1cqw;height:1.1cqw;width:1.1cqw;background:#ff465d;border:2px solid #7e1328;box-shadow:0 0 10px #ff465d;animation:pulse 1.8s infinite}
.monitor-hit{position:absolute;left:20%;top:34%;width:56%;height:32%;border:3px solid transparent;background:transparent;border-radius:3px;z-index:6}.monitor-hit:hover,.spotlight{outline:3px dashed #d6ff8e;outline-offset:5px;filter:drop-shadow(0 0 10px #bafb58)}
.retreat-zone{position:absolute;left:17%;bottom:4%;width:66%;height:4%;z-index:4;background:transparent;border:0}.retreat-zone:hover:after{content:'Двойной клик — вернуться к столу';font-size:.85cqw;color:#fff;background:#181524c9;padding:.4cqw 1cqw}
.browser-window{position:absolute;left:12.4%;top:8%;width:75%;height:84%;z-index:7;border:4px solid #0a0b10;box-shadow:0 0 0 3px #645e69,5px 5px 0 #171323;background:#11141a;display:flex;flex-direction:column}

.browser-icon{display:inline-block;flex-shrink:0;width:2.2cqw;height:2.2cqw;background-image:url('/assets/website_example.png');background-repeat:no-repeat;background-size:var(--sprite-width) var(--sprite-height);background-position:var(--sprite-x) var(--sprite-y);image-rendering:pixelated;pointer-events:none}
.browser-tabs{height:4.9cqw;flex-shrink:0;display:flex;align-items:flex-end;gap:.3cqw;padding:.65cqw .8cqw 0;background:linear-gradient(115deg,#1c2024,#0a0d10 70%);border-bottom:3px solid #030405;box-shadow:inset 0 2px #6d7073,inset 0 5px #303336}
.window-lights{width:7.1cqw;height:2.33cqw;align-self:center;margin:0 .6cqw .4cqw 0}
.browser-tab{display:flex;align-items:center;justify-content:space-between;gap:.65cqw;min-width:0;height:3.8cqw;padding:.65cqw 1cqw;background:linear-gradient(105deg,#25282d,#14171b);border:3px solid #080a0c;border-bottom:0;box-shadow:inset 0 2px #66686d,inset 3px 4px #35373c;clip-path:polygon(0 15%,3% 15%,3% 5%,6% 5%,6% 0,94% 0,94% 5%,97% 5%,97% 15%,100% 15%,100% 100%,0 100%);font-size:1.32cqw;line-height:1.15;color:#efefee}
.active-tab{flex:1.3;height:4.2cqw;background:linear-gradient(110deg,#30343b,#20242a);position:relative;top:3px}
.empty-tab{flex:1;color:#e2e2df}.empty-tab>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:clip}.tab-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{width:1.45cqw;height:1.45cqw}
.browser-decoration{display:flex;align-items:center;justify-content:space-around;align-self:center;gap:1cqw;padding:0 .45cqw .35cqw;margin-left:.4cqw}.browser-decoration .browser-icon{width:2cqw;height:2cqw}
.addressbar{display:flex;align-items:center;gap:.9cqw;height:4.75cqw;padding:.5cqw 1.1cqw;flex-shrink:0;background:linear-gradient(105deg,#2d3238,#1e2329 52%,#272d32);border-top:2px solid #41464c;border-bottom:3px solid #080a0c;box-shadow:inset 0 -2px #44494e}
.browser-navigation{display:flex;align-items:center;gap:1cqw;flex-shrink:0}.back-button{display:grid;place-items:center;background:transparent;border:0;padding:0;width:2.3cqw;height:2.5cqw}.back-button:disabled{opacity:1}.browser-forward{display:flex;opacity:.55}.browser-reload{margin-right:.25cqw}
.address-capsule{min-width:0;flex:1;display:flex;align-items:center;gap:.85cqw;height:3.4cqw;padding:.35cqw 1cqw;background:linear-gradient(#0c1014,#11171d);border:2px solid #15191e;border-radius:1.6cqw;box-shadow:inset 2px 2px #090c10,inset -1px -1px #33383f}
.lock{width:1.7cqw;height:2cqw}.address{flex:1;min-width:0;padding:.35cqw 0;border:1px solid transparent;background:transparent;color:#f1f1eb;font-size:1.4cqw;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address:hover{border-color:#8d8897}.address-tail{display:flex;align-items:center;gap:.9cqw}.address-tail .browser-icon:first-child{width:1.6cqw;height:1.6cqw}.browser-more{width:1.15cqw;height:2.2cqw}
.brand-strip{display:flex;align-items:center;gap:1.1cqw;min-height:5.1cqw;padding:.45cqw 2.05cqw .35cqw;background:#faf9f5;color:#171b1b;flex-shrink:0;border-bottom:1px solid #d7d6d0}
.brand{display:flex;align-items:center;gap:.65cqw;flex:0 1 17cqw;min-width:0;max-width:28%;padding:.15cqw;border:1px dashed transparent;background:transparent;color:#141b1b;text-align:left;font-weight:600}.brand:hover{border-color:#76618f}.brand-symbol{width:3.6cqw;height:3.9cqw;object-fit:contain;flex-shrink:0}.brand-name{font-size:1.65cqw;line-height:1;overflow-wrap:anywhere;text-transform:uppercase}.brand-name strong{display:block;color:#e42320;font-size:1.9cqw;line-height:1.05;margin-top:.15cqw}.brand-monogram{display:grid;place-items:center;width:3cqw;height:3cqw;flex-shrink:0;border:3px double currentColor;font-size:2cqw}
.site-navigation{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:.7cqw;flex:1;min-width:0;border-bottom:1px solid #deddd8;font-size:.92cqw;font-weight:600;white-space:nowrap}.site-navigation>span{height:100%;display:flex;align-items:center;position:relative}.site-navigation .current{color:#dd2623}.site-navigation .current::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#e82420}.site-cart{width:2.65cqw;height:2.37cqw}
.reference-art{position:absolute;left:0;top:-45%;width:100%;height:145%;object-fit:fill;pointer-events:none}

.site-art{position:relative;overflow:hidden;flex:1;background:#e9e4d6}.scene-art{position:absolute;width:133.333%;height:166.667%;left:-16.667%;top:-41.667%;object-fit:fill;pointer-events:none}.broken-copy{position:absolute;top:24%;left:7%;padding:1.5cqw;color:red;font:700 2.8cqw Georgia;transform:rotate(-9deg);background:#ffe36ba6}
.decisions{position:absolute;bottom:-1.65cqw;left:10%;right:10%;display:flex;gap:8%;justify-content:center;z-index:3}.decision{background:#fffef5;border:4px solid #07080b;border-radius:1.4cqw;box-shadow:0 3px 0 #5f5962;min-width:40%;height:4.3cqw;font-weight:600;font-size:1.85cqw;padding:.4cqw 2.2cqw;letter-spacing:.015em}.decision.approve{color:#4d6c32}.decision.reject{color:#79413e}.return-chat{min-width:50%;background:#332245;border-color:#ad8bcc;color:#f9f3ff}
.second-stage{position:absolute;right:5%;top:33%;border:2px solid #efcaff;background:#824d9d;color:white;box-shadow:3px 3px 0 #311b40;padding:1.1cqw 1.5cqw;font-size:1.2cqw;z-index:2;animation:pulse 2s infinite}
.task-timer{position:absolute;top:-2.1cqw;left:42%;min-width:8cqw;background:#bbaca0;border:3px solid #393138;padding:.3cqw 1cqw;color:#fff;box-shadow:2px 2px 0 #100b13;text-align:center;font-size:2cqw;z-index:6;line-height:1}.timer-track{height:.35cqw;background:#675f5b;margin-top:.2cqw}.timer-track i{display:block;height:100%;background:#d5ff8a}
.overlay{position:absolute;z-index:25;box-shadow:6px 6px 0 #0d0915;border:3px solid #9e75c1}
.close{border:0;background:transparent;font-size:2cqw;position:absolute;right:1cqw;top:.7cqw;line-height:1;padding:.3cqw;color:inherit}.board-overlay{overflow: hidden;left:12%;right:13%;top:10%;bottom:10%;background:#776151;border:1cqw solid #302332;outline:2px solid #aa8771;padding:1.5cqw;color:#30272c;overflow:auto}
.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25cqw;color:#f7eedb}.board-heading small{color:#d1c2a8}.board-heading h2{font-size:2.2cqw;margin-top:.3cqw}.board-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5cqw;height:calc(100% - 5cqw)}.paper{position:relative;background:#f0ddab;padding:1.7cqw;box-shadow:3px 4px 0 #45302e;transform:rotate(-1deg);overflow:auto}.paper h3{font-size:1.55cqw;margin-bottom:.7cqw}.paper p{font-size:1.05cqw;line-height:1.4}.logo-paper{background:#e6ddd0;transform:rotate(1deg)}.domain-list{padding-left:1.1cqw;font-size:1.1cqw;line-height:1.65;overflow-wrap:anywhere}.danger-words{font-size:1.25cqw!important;font-weight:600;color:#883a3c;margin:.8cqw 0}.reference-logos{display:flex;gap:1.7cqw;margin:.8cqw 0}.reference-logo{width:3.7cqw;height:4cqw;object-fit:contain;image-rendering:pixelated}.brand-list{display:flex;flex-wrap:wrap;gap:.55cqw;margin:1.2cqw 0}.brand-list span{font-size:.96cqw;border:1px solid #ad9e8f;padding:.4cqw .7cqw;background:#f6efe2}.brand-list .current{background:#d1e59f;border:2px solid #758746}
.chat-panel{right:14%;top:24%;width:34%;min-height:43%;background:#181926;border-color:#9972c0;border-radius:.3cqw;padding:2.2cqw}.chat-top{display:flex;align-items:center;gap:1.3cqw;color:#bb90d9;font-size:1.3cqw;margin-bottom:2cqw}.chat-top small{display:block;font-size:.72cqw;margin-top:.5cqw}.avatar-ring{height:3.5cqw;width:3.5cqw;border:2px solid #b985e3;border-radius:50%;flex-shrink:0}.message-text{font-size:1.45cqw;line-height:1.4;margin-bottom:1.5cqw}.message-link{color:#7cccff;background:none;border:0;padding:.5cqw 0;font-size:1.2cqw;overflow-wrap:anywhere;text-align:left}.chat-panel>.pixel-button{margin:1.3cqw 0;width:100%}.chat-hint{display:block;font-size:.8cqw;letter-spacing:0;color:#908ca8;margin-top:1.3cqw}.message-decisions{display:flex;justify-content:center;gap:2cqw;margin-top:1.8cqw}.message-decisions button{font-size:2.6cqw;line-height:1;width:5cqw;height:4cqw;border:3px solid;box-shadow:3px 3px #0b0c12}.chat-approve{background:#64a328;border-color:#b8f574!important}.chat-reject{background:#b73827;border-color:#ff8066!important}
.help-panel{left:28%;top:23%;width:43%;background:#242132;padding:2.5cqw}.help-panel h2{font-size:2.25cqw;margin:1cqw 0}.help-panel p{font-size:1.25cqw;line-height:1.45;color:#c0b9ce}.help-options{display:flex;gap:1cqw;margin:1.7cqw 0}.help-options>*{flex:1}.analysis-result{padding:1.5cqw;border:1px dashed currentColor}.analysis-result p{margin-top:.5cqw}.safe{color:#bce981}.unsafe,.empty-energy{color:#ff9390!important}.empty-energy{margin-top:1cqw}
.incoming{position:absolute;left:36%;top:25%;width:28%;min-height:28%;padding:1.7cqw;gap:.7cqw;z-index:12;border:2px solid #8d7aab;background:#232130;box-shadow:5px 5px 0 #100d19;display:flex;flex-direction:column;align-items:center;justify-content:center}.incoming-icon{position:relative;display:block;width:6.5cqw;height:6.5cqw;overflow:hidden;flex-shrink:0}.incoming-icon img{position:absolute;width:758.52%;height:252.59%;left:-66.67%;top:-77.04%;max-width:none;image-rendering:pixelated}.incoming>span:not(.incoming-icon){font-size:1.65cqw;color:#d3ffa3}.incoming small{font-size:1.05cqw;color:#c3b6d6}.incoming.is-ringing .incoming-icon{transform-origin:50% 65%;animation:incoming-shake 2.8s ease-in-out infinite}@keyframes incoming-shake{0%,24%,100%{transform:rotate(0)}4%,12%{transform:rotate(-6deg)}8%,16%{transform:rotate(6deg)}20%{transform:rotate(-2deg)}}.is-paused .incoming.is-ringing .incoming-icon{animation-play-state:paused}
.phone-panel{position:absolute;right:23%;top:5%;height:88%;width:29%;background:#151b24;border:5px solid #525062;border-radius:1.5cqw;box-shadow:0 0 0 3px #0b0c12,5px 5px #12101a;z-index:24;display:flex;flex-direction:column;padding:1.3cqw}
.phone-speaker{height:.35cqw;width:4cqw;margin:0 auto 1cqw;background:#797389;border-radius:1cqw}.phone-panel header{border-bottom:1px solid #353541;padding:0 .5cqw 1cqw}.phone-panel header small{font-size:.75cqw;color:#95a499}.phone-panel h2{font-size:1.35cqw;margin:.6cqw 0;color:#d3f1d3}.phone-panel [data-time]{font-size:1cqw;color:#bab1c9}
.call-lines{flex:1;overflow:auto;padding:1cqw .4cqw;scrollbar-width:thin;scrollbar-color:#6e5983 transparent}.utterance{margin-bottom:1cqw;width:94%;margin-left:auto}.utterance.speaker-1{margin-right:auto;margin-left:0}.voice-wave{height:2.6cqw;background:#1d5142;border:1px solid #4b9779;display:flex;align-items:center;justify-content:center;gap:.25cqw;border-radius:.4cqw}.voice-wave i{width:.15cqw;background:#82c59e}.speaker-1 .voice-wave{background:#493558;border-color:#8f67a3}.speaker-1 .voice-wave i{background:#b792cc}.utterance p{padding:.8cqw;background:#29313e;color:#aedbbd;font-size:1.03cqw;line-height:1.3;margin-top:.4cqw;border-radius:.4cqw}.speaker-1 p{color:#d4bce3}.phone-panel footer{display:flex;justify-content:center;gap:1cqw;padding-top:.7cqw}.phone-panel footer button{padding:.8cqw .7cqw;font-size:1cqw;border:2px solid;border-radius:.5cqw;flex:1}.call-approve{background:#215c4c;border-color:#4da587!important}.call-reject{background:#703653;border-color:#ae668d!important}.phone-panel footer>span{font-size:.85cqw;color:#92bba4}
.coach-shade{position:absolute;inset:0;z-index:29;background:rgba(0,0,0,.6)}.coach-note{position:absolute;left:5%;bottom:5%;width:35%;padding:2cqw 2.3cqw;background:#e1d1b6;color:#211c20;border:4px solid #342c38;box-shadow:4px 4px #100c18;z-index:30}.coach-note::before,.coach-note::after{content:"";position:absolute;inset:-6px;border:2px solid #ffe5b4;pointer-events:none;opacity:0;animation:coach-ripple 2.6s ease-out infinite}.coach-note::after{animation-delay:.6s}@keyframes coach-ripple{0%{opacity:.55;transform:scale(1)}75%,100%{opacity:0;transform:scale(1.045,1.08)}}.coach-note small{color:#7a6359;font-size:.83cqw}.coach-note p{font-size:1.5cqw;line-height:1.32;margin:.8cqw 0}.note-next{display:inline-flex;align-items:center;justify-content:center;border:2px solid #384626;background:#caff87;color:#243219;padding:.65cqw 1.35cqw;margin-top:.35cqw;font-size:1.25cqw;font-weight:600;box-shadow:3px 3px 0 #536831;animation:note-next-pulse 2.2s ease-in-out infinite}.note-next:hover,.note-next:focus-visible{animation-play-state:paused;background:#dcffaa}@keyframes note-next-pulse{0%,100%{box-shadow:3px 3px 0 #536831,0 0 0 0 rgba(141,185,67,0)}50%{box-shadow:3px 3px 0 #536831,0 0 0 5px rgba(141,185,67,.28)}}.tutorial-hint{display:block;font-size:1.4cqw;line-height:1.35;font-weight:600;color:#876d4b}
.scrim{position:absolute;inset:0;z-index:40;background:#11101cd9;backdrop-filter:blur(5px);display:grid;place-items:center}.scrim.subtle{background:#100c1766;backdrop-filter:blur(2px)}.modal{background:#1d1b2bee;border:2px solid #75608c;box-shadow:6px 6px 0 #0a0713;width:41%;padding:3cqw;text-align:center;max-height:90%;overflow:auto}.modal h1{font-size:3.1cqw;line-height:1.1;margin:1cqw 0}.modal h2{font-size:2.8cqw;margin:.5cqw 0 1.5cqw}.modal p{font-size:1.35cqw;line-height:1.5;color:#c8bdd5;margin:1cqw 0 2cqw}.modal>.pixel-button{width:100%;margin-top:.9cqw}.modal small{font-size:.8cqw}.intro{width:52%;padding:2.5cqw 4cqw}.day-number{font-size:9cqw;line-height:1;color:#cbff85;margin:.8cqw auto;font-weight:600;text-shadow:5px 5px #38472d}.intro h1{font-size:2.9cqw}.intro p{font-size:1.4cqw;line-height:1.5}.intro>.pixel-button{width:70%;margin:1.8cqw auto 0}
.pause-panel{width:30%;padding:2.5cqw}.settings-panel{width:45%}.volume-row{display:grid;grid-template-columns:1fr 1.3fr 3cqw;gap:1cqw;text-align:left;align-items:center;margin:1.5cqw 0;font-size:1.1cqw}.volume-row input{width:100%;accent-color:#c6fc7e}.volume-row output{font-size:.9cqw;color:#b4a5c8}.toggle-row{display:flex;align-items:center;gap:1cqw;font-size:1.1cqw;margin:2cqw 0;text-align:left}.toggle-row input{accent-color:#c6fc7e;height:1.4cqw;width:1.4cqw}.result-note{width:40%}.score-card{display:flex;flex-direction:column;align-items:center;gap:.5cqw;margin:1.4cqw 0}.score-card strong{font-size:4cqw;color:#cdff8c}.score-card i{font-style:normal;color:#776c8b;font-size:2.5cqw}.score-card span{font-size:1cqw;color:#b5a5c5}
.day-result{width:46%;padding:2cqw 3cqw}.day-result h1{font-size:3cqw}.day-result>p{margin:.4cqw 0}.day-result details{font-size:1.15cqw;color:#b8abc9;margin:1cqw 0}.day-result summary{cursor:pointer}.review-list{max-height:12cqw;overflow:auto;text-align:left;margin-top:1cqw}.review-list article{padding:.8cqw;border-bottom:1px solid #51445d}.review-list p{font-size:1cqw;margin:.4cqw 0}.medal-panel{width:47%;padding:2cqw 4cqw}.medal-panel h1{font-size:2.5cqw}.medal-panel>p{margin:.7cqw 0;font-size:1.2cqw}.medal-art{position:relative;width:15cqw;height:15cqw;overflow:hidden;margin:.6cqw auto}.medal-art img{position:absolute;width:43cqw;height:24.2cqw;left:-25cqw;top:-5.5cqw}.medal-panel .score-card{margin:.5cqw 0 1.5cqw}.medal-panel .score-card strong{font-size:3cqw}.ending .modal{width:52%;border-color:#bb6686}.ending h1{font-size:3.8cqw}.ending h1 em{font-style:normal;color:#d5ff91}.ending-score{font-size:1cqw!important;color:#cbecae!important}
.story-message{position:absolute;left:27%;top:31%;width:47%;z-index:24;border:2px solid #9168b2;background:#1a1827;padding:2.5cqw;box-shadow:5px 5px #0f0a17}.story-message p{font-size:1.9cqw;margin:1.2cqw 0;color:#e4c7ed}.story-message>span{font-size:.9cqw;color:#7f748f}
.spam-area{position:absolute;inset:0;z-index:25;background:#140e2126}.spam-window{position:absolute;width:41%;height:32%;background:#ccfe88;color:#1b1722;border:4px solid #252033;box-shadow:7px 7px #0e0a16;z-index:calc(25 + var(--order));padding:0 2cqw 2cqw;text-align:center}.spam-window header{background:#241d39;color:white;display:flex;justify-content:space-between;align-items:center;margin:0 -2cqw 1.5cqw;padding:.45cqw .7cqw;font-size:.85cqw}.spam-close{border:1px solid #8972a1;background:#574260;color:#fff;font-size:1.3cqw;width:2cqw;height:2cqw;line-height:1;padding:0}.spam-window h2{font-size:2.7cqw;margin-bottom:.7cqw}.spam-window p{font-size:1.3cqw}.spam-window b{font-size:.85cqw;display:block;margin-top:1.2cqw}.spam-0{left:18%;top:14%;transform:rotate(-3deg)}.spam-1{left:42%;top:27%;background:#d885e6;transform:rotate(2deg)}.spam-2{left:14%;top:49%;background:#b9d7ee;transform:rotate(1deg)}.spam-3{left:34%;top:36%;background:#f7d18c}
.glitch-scene{position:absolute;inset:7% 12% 9%;background:#240f18;z-index:26;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:4px solid #000;animation:glitch 1.4s steps(2,end) infinite}.glitch-scene h1{font-size:4cqw;line-height:1.1;color:#ec9ba4;text-shadow:3px 0 #873ff4,-3px 0 #91ffb1}.glitch-scene p{font-size:1.3cqw;margin:2cqw 0;color:#b39dc8}.glitch-scene>div{display:flex;gap:2cqw;position:absolute;bottom:2cqw}.storage-notice{position:absolute;bottom:1%;left:15%;right:15%;z-index:70;text-align:center;font-size:1cqw;background:#482839;padding:.6cqw}
.reduced-flashes .glitch-scene{animation:none;background:#160d19}.reduced-flashes .glitch-scene h1{text-shadow:none}.reduced-flashes .unread,.reduced-flashes .second-stage,.reduced-flashes .incoming{animation:none}
@keyframes pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes glitch{0%,100%{background:#240f18;transform:translateX(0)}50%{background:#552136;transform:translateX(2px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mask the non-interactive clock/menu baked into the source room artwork. */
.hud .clock{position:absolute;left:2.3%;top:0;width:10cqw;height:4.6cqw;margin:0;display:flex;align-items:center;justify-content:center;background:#282a32}
.hud .menu-trigger{position:absolute;right:1%;top:0;width:10cqw;height:4.6cqw;margin:0;background:#373346}
.hud .shift{margin-right:12cqw}
.menu-shade{background:linear-gradient(180deg,#11111bf2 0,transparent 16%),linear-gradient(90deg,rgba(9,9,19,.98),rgba(13,12,27,.87) 46%,rgba(17,17,28,.15))}

.page-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.browser-art{position:absolute;width:100%;height:143%;left:0;top:-30.7%;object-fit:fill}
.medal-art img.isolated-medal{inset:0;width:100%;height:100%;object-fit:contain}
.tools .help-tool{position:absolute;top:40%;margin-top:0}
.tools .chat-tool{position:absolute;bottom:0}

.medal-art{height:13.1cqw;background:white}
.medal-art img:not(.isolated-medal){width:45.85cqw;height:25.83cqw;left:-23.5cqw;top:-7.16cqw}

.question-progress{position:absolute;left:15%;top:50%;transform:translateY(-50%);padding:.55cqw 1cqw;border:1px solid #75608c;background:#1d1b2bee;color:#d4ff9f;font-size:1.25cqw;line-height:1.2;white-space:nowrap}
.chat-tool.has-pending-message>img{transform-origin:50% 70%;animation:chat-pending-shake 3.4s ease-in-out infinite}
@keyframes chat-pending-shake{0%,22%,100%{transform:translateX(0) rotate(0)}4%,12%{transform:translateX(-1px) rotate(-4deg)}8%,16%{transform:translateX(1px) rotate(4deg)}20%{transform:translateX(0) rotate(-1deg)}}
.is-paused .chat-tool.has-pending-message>img{animation-play-state:paused}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}