:root{--scene-shadow:0 7px 24px #49351f27}
.office-background{z-index:0!important}.layout,body:not([data-screen="home"]) .layout{position:relative;z-index:1}
.swap-notice{display:none!important}.order-box .order-avatar{top:calc(100% - 19px)!important}
html,body{min-height:100%;background:#d8bc88}body{background-image:none}.office-background{position:fixed;inset:0;z-index:-1;background:#d8bc88 url('./assets/office-bg.webp') center center/cover no-repeat}.office-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff8e51f 0%,transparent 55%,#38250b12 100%)}.site-header{position:absolute;top:0;left:0;right:0;z-index:25;max-width:none;height:70px;padding:14px 23px;pointer-events:none}.brand,.header-actions{pointer-events:auto}.brand{padding:5px 10px 5px 5px;background:#fff9e7c9;backdrop-filter:blur(8px);border-radius:30px;box-shadow:0 2px 10px #6c4b1b10}.brand-sub{display:none}.brand-symbol{width:29px;height:29px;font-size:23px;border-radius:50%}.brand>span:last-child{font-size:11px}.header-actions{gap:8px}.icon-button{background:#fff9e9e8;border-color:#ebd9b9;box-shadow:0 2px 8px #5c3c1410;width:36px;height:36px}.leaderboard-trigger{width:43px}.layout,body:not([data-screen="home"]) .layout{display:block;max-width:none;min-height:100svh;margin:0;padding:0}.intro,.site-footer,.below-card{display:none!important}.play-column,body:not([data-screen="home"]) .play-column{width:100%;max-width:none;margin:0}.paper-card{background:transparent;border:0;box-shadow:none;border-radius:0;position:relative;padding:0;min-height:100svh;width:100%;overflow:visible}.paper-card:before{display:none}.home-card{height:100svh;min-height:520px}.scene-title{position:absolute;top:10%;left:0;width:100%;text-align:center;font-size:clamp(28px,5vw,46px);font-weight:950;letter-spacing:-.025em;color:#38402b;text-shadow:0 2px 0 #fff8dfb3;margin:0}.home-card>.card-topline,.home-card>.demo-ticket,.home-card>.text-button,.home-card>.challenge-banner{display:none!important}.home-title-row{display:block;position:absolute;top:23%;left:50%;transform:translateX(-50%);width:min(340px,calc(100% - 65px));text-align:center;background:#fffbeceF;box-shadow:var(--scene-shadow);border-radius:22px;padding:17px 20px;margin:0;border:0}.home-title-row:after{content:"";position:absolute;bottom:-11px;left:50%;width:22px;height:22px;background:#fffbec;transform:translateX(-50%) rotate(45deg);border-radius:3px}.home-title-row h2{font-size:24px;margin:0 0 5px;font-weight:800;letter-spacing:-.03em}.home-title-row .card-description{margin:0;color:#8c805f;font-size:12px;line-height:1.6}.home-title-row .home-boss{display:block!important;position:absolute;top:calc(100% + 14px);left:50%;width:min(40svh,330px);height:min(40svh,330px);max-width:none;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 12px 5px #68401d24);animation:boss-arrive .8s cubic-bezier(.2,.75,.3,1) both;pointer-events:none}.home-card>.primary{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:min(285px,calc(100% - 72px));min-height:55px;font-size:19px;border-radius:14px;box-shadow:0 5px 0 #ac3c22,0 12px 18px #51300c20;z-index:5}.home-card>.primary:active{transform:translate(-50%,3px)}.home-best{position:absolute;bottom:3.5%;left:50%;transform:translateX(-50%);border:0;background:#fff4d5c9;border-radius:14px;margin:0;padding:7px 13px;font-size:10px;color:#766443;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.game-card{height:100svh;min-height:520px}.game-topline{position:absolute;top:75px;left:50%;transform:translateX(-50%);width:min(370px,calc(100% - 38px));height:35px;padding:0 12px;background:#fff9e6dc;backdrop-filter:blur(6px);border-radius:25px;box-shadow:0 2px 8px #65461b10;gap:12px}.mode-label,.progress-dots,.game-foot,.tutorial-instruction{display:none!important}.back-button{font-size:10px;color:#81724f}.timer-live{margin-left:auto;background:transparent;padding:0;color:#476434;font-size:13px;font-weight:750}.question-count{font-size:11px}.question-count b{font-size:16px}.order-box{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:255px;min-height:65px;display:block;text-align:center;border:0!important;box-shadow:var(--scene-shadow);background:#fffbeb!important;border-radius:20px;padding:10px 20px;z-index:2;overflow:visible}.order-box:after{content:"";position:absolute;bottom:-9px;left:50%;width:18px;height:18px;transform:translateX(-50%) rotate(45deg);background:#fffbeb;border-radius:3px}.order-box h2{font-size:30px;line-height:1.2;margin:2px 0 0;color:#3c442d}.order-label{font-size:9px;color:#9b8961}.order-badge{display:none}.order-box .order-avatar{display:block;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(40svh,310px);height:min(40svh,310px);overflow:visible;z-index:-1;filter:drop-shadow(0 10px 4px #61451c20);pointer-events:none}.order-box .order-avatar img,.order-avatar img#boss-avatar{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;vertical-align:bottom}.swap-notice{position:absolute;top:calc(49% - 25px);left:50%;transform:translateX(-50%);z-index:6;margin:0;background:#fff5d9e6;border:0;border-radius:9px;padding:4px 11px;color:#9a6845;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px #58402112}.question-panel{position:absolute;top:49%;left:50%;transform:translateX(-50%);width:min(370px,calc(100% - 42px));height:166px;border:0;background:#fffdf2f5;border-radius:14px;box-shadow:0 7px 0 #bb936b61,0 13px 25px #543c2338;overflow:visible;z-index:5;margin:0}.question-axis{padding-top:12px;gap:118px;color:#a29b80;font-size:9px}.question-stimulus{height:108px;gap:35px}.arrow-value{font-size:90px;min-width:85px;color:#3d4c2e}.word-value{font-size:66px;min-width:85px;color:#777f61}.stimulus-divider{height:48px;border-color:#e7e0c9}.feedback{height:29px;min-height:0;padding:0 12px 7px;font-size:10px;line-height:1.5;overflow:hidden;color:#989278}.timer-track{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 14px 14px;overflow:hidden;height:4px;background:#e8d8bb}.feedback-art{position:absolute;right:-7px;top:-63px;width:82px;height:82px;z-index:7;filter:drop-shadow(0 5px 3px #78552d25)}.question-panel.is-wrong{animation:none;background:#fff3e7}.question-panel.is-correct{background:#fbffe9}.answer-buttons{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:min(370px,calc(100% - 42px));grid-template-columns:1fr 1fr;gap:17px;margin:0;z-index:9}.answer-button{height:78px;border-radius:17px;border:1px solid #f1dfb4;border-bottom:6px solid #b6a874;background:#fff4ce;box-shadow:0 6px 14px #5c3c2024;color:#424d2e;gap:23px;font-size:32px}.answer-button .answer-arrow{font-size:35px;color:#879967}.answer-button:hover:not(:disabled){background:#fff8db}.answer-button:active:not(:disabled),.answer-button.pressed{background:#f3e9bc;border-bottom-width:3px;transform:translateY(3px)}.answer-button kbd{color:#a4946a;font-size:8px;bottom:4px}.swap-layout .answer-button{background:#ffe6be;border-bottom-color:#bd8f5e}.swap-layout .answer-button .answer-arrow{color:#ac8552}.game-overlay{inset:0;background:#2f281e20;backdrop-filter:blur(2px);padding:20px;z-index:15;border-radius:0}.overlay-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:400px;padding:12px 0}.overlay-kicker{font-size:10px;letter-spacing:.04em;padding:5px 12px;border-radius:15px;background:#fff9e9e8;color:#917a50;order:0}.overlay-content h2{order:1;font-size:26px;background:#fff9eaf5;border-radius:18px;box-shadow:var(--scene-shadow);padding:15px 22px;margin:10px 0 0;color:#464c34;max-width:100%}.overlay-content>p{order:2;color:#6a624d;white-space:pre-line;background:#fff9e2eb;border-radius:8px;padding:7px 12px;font-size:11px;line-height:1.6;margin:10px 0 0}.overlay-icon{order:3;background:none;margin:8px 0 12px;width:min(36svh,280px);height:min(36svh,280px);border-radius:0;box-shadow:none}.overlay-icon img#overlay-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 11px 5px #68451d29);animation:boss-step .4s ease-out}.overlay-content>.button{order:4;width:280px;min-height:48px;border-radius:13px;margin:0}.overlay-content>#overlay-home{order:5;background:#fff9e1dd;border-radius:10px;margin-top:12px;min-height:30px;color:#8a7553;font-size:10px}.result-card{max-width:440px;width:calc(100% - 36px);margin:0 auto;min-height:100svh;padding:78px 24px 30px;background:#fff9e8eb;backdrop-filter:blur(7px);border-radius:0 0 24px 24px;box-shadow:var(--scene-shadow)}.result-card>.card-topline,.result-stats,.miss-replay,.best-summary,.result-note{display:none!important}.result-eyebrow{font-size:12px;margin:3px 0 0}.result-hero{margin:10px 0 3px;min-height:132px}.result-art{width:132px;height:132px}.big-result strong{font-size:85px}.result-timing{margin:4px 0 13px}.result-card>h2{font-size:23px;margin:0 0 6px}.result-subtitle{margin:0 0 16px;font-size:11px}.submit-score-form{padding:13px 0;border:0;border-top:1px dashed #d9c9a3;margin:0 0 12px}.submit-score-form>label{font-size:11px}.submit-score-form input{background:#fffdf5}.result-card>.button.primary{border-radius:12px}.share-actions{margin-top:12px}.share-actions .button{border-radius:10px;background:#fffcef}.result-card>.text-button{min-height:28px}.help-dialog,.leaderboard-dialog{background:#fff9edf7;box-shadow:0 15px 80px #33251235;border-radius:20px;border-color:#e6d4b4}.help-dialog::backdrop,.leaderboard-dialog::backdrop{background:#30291d5c;backdrop-filter:blur(4px)}.toast{border-radius:15px;bottom:16px;background:#3c4a2def}
@keyframes boss-arrive{from{opacity:0;transform:translate(-50%,28px) scale(.76)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes boss-step{from{opacity:.4;transform:translateY(22px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:900px){.office-background{background-position:center 54%}.game-card{max-width:760px;margin:auto}.game-topline{top:88px}.order-box{top:19%}.question-panel{top:51%}.swap-notice{top:calc(51% - 27px)}.answer-buttons{bottom:9%}.scene-title{top:12%}.home-title-row{top:25%}.home-title-row .home-boss{width:min(43svh,370px);height:min(43svh,370px)}.home-card>.primary{bottom:9%}.result-card{padding-top:85px}}
@media(max-width:680px){.office-background{background-position:50% center}.site-header{height:60px;padding:10px 14px}.brand>span:last-child{font-size:10px}.icon-button{width:31px;height:31px}.leaderboard-trigger{width:36px}.scene-title{top:12%;font-size:31px}.home-title-row{top:23%;width:275px;padding:13px 16px}.home-title-row h2{font-size:22px}.home-title-row .card-description{font-size:11px}.home-title-row .home-boss{width:40svh;height:40svh;max-width:280px;max-height:280px}.home-card>.primary{bottom:9.5%;font-size:18px;min-height:53px}.home-best{font-size:9px;bottom:3%}.game-topline{top:64px;height:31px;width:calc(100% - 36px)}.order-box{top:19%;min-height:61px;width:234px;padding:9px 15px}.order-box h2{font-size:28px}.order-box .order-avatar{width:38svh;height:38svh;max-width:260px;max-height:260px}.question-panel{top:49%;height:153px;width:calc(100% - 40px);max-width:360px}.question-axis{padding-top:10px;gap:115px}.question-stimulus{height:98px;gap:34px}.arrow-value{font-size:82px}.word-value{font-size:61px}.feedback{height:28px;font-size:9px}.swap-notice{top:calc(49% - 24px);font-size:9px;max-width:calc(100% - 38px);padding:4px 9px}.answer-buttons{bottom:7.5%;width:calc(100% - 40px);max-width:360px;gap:14px}.answer-button{height:73px;font-size:30px}.answer-button kbd{display:none}.overlay-content h2{font-size:23px;padding:13px 17px}.overlay-icon{width:35svh;height:35svh}.overlay-content>.button{width:260px}.result-card{width:calc(100% - 28px);padding:68px 20px 22px}.result-hero{min-height:120px}.result-art{width:120px;height:120px}.big-result strong{font-size:76px}}
@media(max-height:640px){.scene-title{top:12%;font-size:30px}.home-title-row{top:23%;padding:11px 17px}.home-title-row h2{font-size:21px}.home-title-row .home-boss{height:36svh;width:36svh}.home-card>.primary{bottom:10%;height:49px;min-height:49px}.game-topline{top:59px;height:29px}.order-box{top:18%;min-height:57px;padding:7px 15px}.order-box h2{font-size:27px}.order-box .order-avatar{width:36svh;height:36svh}.question-panel{top:48%;height:143px}.question-axis{padding-top:9px}.question-stimulus{height:90px}.arrow-value{font-size:77px}.word-value{font-size:56px}.feedback{font-size:9px;height:26px}.swap-notice{top:calc(48% - 23px);font-size:8px}.answer-buttons{bottom:7%;gap:14px}.answer-button{height:66px;font-size:28px}.answer-arrow{font-size:30px}.overlay-content h2{font-size:21px}.overlay-content>p{font-size:10px}.overlay-icon{height:31svh;width:31svh;margin:6px 0 10px}.result-card{padding-top:61px}.result-hero{min-height:103px;margin:5px 0}.result-art{width:103px;height:103px}.big-result strong{font-size:66px}.result-card>h2{font-size:20px}.result-timing{margin-bottom:9px}.submit-score-form{padding:9px 0;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.home-title-row .home-boss,.overlay-icon img#overlay-art{animation:none!important}}