:root{--ink:#18252a;--paper:#f7edd0;--cream:#fff8e5;--red:#bd3d32;--blue:#286b78;--gold:#e2aa36;--green:#496e58;--wood:#9b623f;--wood-dark:#593c2f;--night:#203d4a;--danger:#a6262d;--safe:#2f6f55;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:var(--ink);background:#d9c89c}
*{box-sizing:border-box}html{min-width:320px;background:#d9c89c}body{margin:0;min-height:100vh;overflow-x:hidden;background-color:var(--paper);background-image:repeating-linear-gradient(90deg,rgba(24,37,42,.028) 0,rgba(24,37,42,.028) 1px,transparent 1px,transparent 7px)}button,a{font:inherit}button{min-height:46px;color:inherit;cursor:pointer}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px max(12px,env(safe-area-inset-right)) 7px max(12px,env(safe-area-inset-left));background:#efe0b4;border-bottom:4px solid var(--ink);position:relative;z-index:20}.topbar a{color:var(--ink);font-weight:900;text-decoration:none}.brand{font-weight:1000;letter-spacing:.12em}.tool-button{border:2px solid var(--ink);background:var(--cream);padding:7px 12px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}main{width:min(1260px,100%);margin:auto}.screen{min-height:calc(100vh - 58px)}[hidden]{display:none!important}.start-screen{display:grid;grid-template-columns:1fr 1.04fr;position:relative;overflow:hidden;background:#f5e6bf}.start-copy{padding:clamp(26px,6vw,76px);align-self:center;z-index:2}.eyebrow{margin:0 0 12px;color:var(--red);font-weight:1000;letter-spacing:.12em}.start-copy h1{margin:0;font-size:clamp(34px,5.4vw,72px);line-height:1.06}.start-copy h1 span{display:block}.start-copy h1 small{display:block;margin-top:12px;font-size:.33em;letter-spacing:.18em;color:var(--blue)}.lead{max-width:37em;font-size:clamp(16px,2vw,21px);line-height:1.75;font-weight:700}.start-steps{display:grid;gap:7px;margin:19px 0}.start-steps p{margin:0;display:flex;align-items:center;gap:11px;font-weight:800}.start-steps b{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;background:var(--gold);border:2px solid var(--ink);clip-path:polygon(50% 0,100% 22%,92% 85%,50% 100%,8% 85%,0 22%)}.primary-button{border:3px solid var(--ink);background:var(--red);color:white;padding:12px 22px;font-weight:1000;box-shadow:5px 5px 0 var(--ink)}.primary-button:hover,.primary-button:focus-visible{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.no-timer{font-size:13px;font-weight:700}.start-art{min-height:610px;background:var(--night);border-left:5px solid var(--ink);position:relative;overflow:hidden;background-image:radial-gradient(circle at 22% 18%,rgba(255,248,218,.08) 0 3px,transparent 4px),linear-gradient(160deg,#294d57,#172d39)}.moon-page{position:absolute;width:142px;height:156px;right:8%;top:7%;background:#ffe8a5;border:5px solid var(--ink);transform:rotate(7deg);clip-path:polygon(10% 0,100% 5%,92% 100%,0 92%)}.moon-page:after{content:"辞";display:grid;place-items:center;height:100%;font:1000 77px serif;color:#a83b31}.preview-building{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);width:min(72%,430px);height:480px;display:flex;flex-direction:column;justify-content:flex-end;filter:drop-shadow(12px 13px 0 rgba(0,0,0,.32))}.preview-building>i{height:85px;border:5px solid var(--ink);background:#e5c27b;display:grid;grid-template-columns:repeat(3,1fr);font-style:normal}.preview-building>i b{display:grid;place-items:center;border-right:4px solid var(--ink);font:1000 32px serif}.preview-building>i b:last-child{border:0}.preview-building .roof{height:95px;background:var(--red);clip-path:polygon(50% 0,100% 68%,90% 100%,10% 100%,0 68%)}.preview-building .door-row{background:#b7794d}.paper-moths{position:absolute;left:3%;top:34%;color:#ffde83;font-size:58px;transform:rotate(-15deg);letter-spacing:-10px}.architect{position:absolute;left:6%;bottom:41px;width:92px;height:118px;background:#fff0bf;border:5px solid var(--ink);color:var(--red);display:grid;place-items:center;font:1000 30px/1 serif;transform:rotate(-6deg);clip-path:polygon(50% 0,93% 17%,100% 78%,68% 100%,15% 92%,0 28%)}.architect span{font-size:18px}.record-ribbon{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;padding:10px 25px;font-weight:800}.play-screen{background:#d8c795;padding:12px max(12px,env(safe-area-inset-right)) 38px max(12px,env(safe-area-inset-left))}.hud{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--ink);background:#f5e7bc;box-shadow:5px 5px 0 var(--ink);margin-bottom:15px}.hud div{padding:7px 13px;border-right:1px dashed #79634e}.hud div:last-child{border:0}.hud small{display:block;font-size:11px;font-weight:800}.hud strong{font-size:23px}.work-layout{display:grid;grid-template-columns:minmax(285px,390px) 1fr;gap:16px}.request-desk{align-self:start;background:var(--cream);border:4px solid var(--ink);padding:22px;box-shadow:8px 8px 0 #6c513b;position:relative}.desk-tab{position:absolute;top:-4px;left:-4px;background:var(--red);color:#fff;border:4px solid var(--ink);padding:7px 12px;font-size:13px;font-weight:900}.request-label{margin:38px 0 3px;font-size:12px;font-weight:900;color:var(--blue)}.request-kanji{float:left;width:86px;height:96px;margin:0 15px 8px 0;display:grid;place-items:center;background:#f0d48c;border:3px solid var(--ink);font:1000 56px serif;box-shadow:4px 4px 0 var(--ink)}.request-desk h2{min-height:78px;margin:5px 0;font-size:20px;line-height:1.45}.request-clue{clear:both;padding-top:13px;border-top:2px dashed #8a735d;line-height:1.65;font-weight:700}.entry-card{clear:both;margin:12px 0;padding:9px;background:#e8dcc1;border:2px solid var(--ink)}.entry-card div{display:grid;grid-template-columns:78px 1fr;border-bottom:1px dotted #806c58;padding:5px}.entry-card div:last-child{border:0}.entry-card dt{font-weight:900}.entry-card dd{margin:0;line-height:1.5}.lookup-hint{background:#d9e6dc;border-left:7px solid var(--green);padding:9px 11px;font-size:13px;line-height:1.55;font-weight:800}.repair-button{width:100%;border:3px solid var(--ink);background:#eed183;padding:9px;font-weight:1000}.repair-button[aria-pressed="true"]{background:var(--green);color:#fff;outline:4px solid #f4c95f;outline-offset:2px}.repair-button:disabled{opacity:.5}.small-note{margin:7px 0 0;font-size:12px;line-height:1.45}.tower-diorama{min-height:640px;border:5px solid var(--ink);background:#284957;position:relative;overflow:hidden;padding:82px 3% 18px;touch-action:pan-y;background-image:linear-gradient(transparent 95%,rgba(255,255,255,.05) 96%),radial-gradient(circle at 75% 11%,#f9dfa0 0 37px,transparent 39px)}.tower-diorama:before{content:"";position:absolute;inset:0;background:linear-gradient(62deg,transparent 0 49%,rgba(255,255,255,.035) 50% 51%,transparent 52%) 0 0/36px 36px;pointer-events:none}.threat-banner{position:absolute;z-index:6;left:14px;right:14px;top:12px;min-height:58px;background:#f8e6ae;border:3px solid var(--ink);display:flex;align-items:center;gap:13px;padding:7px 12px;box-shadow:4px 4px 0 #111}.threat-banner>span{font-size:34px;color:var(--danger)}.threat-banner small{display:block;font-size:10px}.threat-banner strong{font-size:15px}.danger-message{position:absolute;z-index:5;right:18px;top:83px;color:#fff6d2;font-size:12px;font-weight:800}.tower-frame{position:absolute;inset:118px 5% 42px;display:flex;flex-direction:column}.tower-roof{height:73px;flex:0 0 73px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--red);border:5px solid var(--ink);clip-path:polygon(8% 25%,50% 0,92% 25%,100% 100%,0 100%);padding:20px 15% 0}.tower-roof span{display:grid;place-items:center;color:#fff8da;font:1000 26px serif}.tower-columns{flex:1;display:grid;grid-template-columns:repeat(3,1fr);border:5px solid var(--ink);border-top:0;background:#e5c47d}.tower-column{position:relative;border-right:4px solid var(--ink);display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.tower-column:last-child{border:0}.tower-column.threatened{background:repeating-linear-gradient(-45deg,rgba(189,61,50,.2) 0,rgba(189,61,50,.2) 13px,transparent 13px,transparent 26px)}.moth-shadow{display:none;position:absolute;z-index:4;right:7px;top:7px;color:var(--danger);font-size:45px;font-weight:1000}.tower-column.threatened .moth-shadow{display:block;animation:hoverMoth 1.3s ease-in-out infinite}.shelves{min-height:0;display:flex;flex-direction:column-reverse;justify-content:flex-start;padding:5px;gap:4px;overflow:hidden}.shelf{height:45px;flex:0 0 45px;border:3px solid var(--ink);background:#fbefc7;display:grid;grid-template-columns:36px 1fr auto;align-items:center;padding:3px 7px;gap:6px;box-shadow:inset 0 -6px 0 rgba(89,60,47,.15);animation:shelfIn .4s cubic-bezier(.2,.8,.2,1)}.shelf.quick{width:82%;margin-inline:auto;background:#f0c65e}.shelf.cracked{background:#dfaa91;transform:rotate(-1deg)}.shelf.reinforced{outline:4px solid var(--green);outline-offset:-5px}.shelf .kanji{font:1000 25px serif}.shelf .method{font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf .shield{font-size:12px}.lane-button{border:0;border-top:4px solid var(--ink);background:#b8794d;padding:7px 4px;min-height:59px}.lane-button:hover,.lane-button:focus-visible{background:#f2ce78}.lane-button b,.lane-button span{display:block}.lane-button b{font-size:14px}.lane-button span{font-size:10px}.foundation{height:54px;flex:0 0 54px;background:#6a4a38;color:#fff3ce;border:5px solid var(--ink);border-top:0;display:flex;align-items:center;justify-content:center;gap:14px}.foundation span{letter-spacing:.18em;color:#f0c75d}.drag-note{position:absolute;left:10px;right:10px;bottom:4px;color:#fff4ce;text-align:center;font-size:11px;font-weight:700}.build-yard{margin-top:16px;background:#f0dfae;border:4px solid var(--ink);padding:13px;box-shadow:5px 5px 0 #654936}.yard-heading{display:flex;align-items:baseline;gap:18px}.yard-heading h2{margin:0;font-size:21px}.yard-heading p{margin:0;font-size:13px;font-weight:800}.shelf-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.shelf-option{display:grid;grid-template-columns:55px 1fr;text-align:left;align-items:center;border:3px solid var(--ink);background:var(--cream);padding:9px;box-shadow:3px 3px 0 #6a4b37}.shelf-option .sample{grid-row:1/3;width:46px;height:40px;display:grid;place-items:center;border:2px solid var(--ink);font:1000 23px serif}.safe-sample{background:#fbefc7}.quick-sample{background:#efc65f;width:37px!important;margin:auto}.shelf-option b,.shelf-option small{display:block}.shelf-option.selected{outline:5px solid var(--blue);outline-offset:2px;transform:translateY(-2px)}.shelf-option.selected:after{content:"選択中";font-size:10px;font-weight:1000;color:var(--blue)}.drag-piece{margin:15px auto 8px;width:min(440px,100%);height:66px;border:4px solid var(--ink);background:#fff3c9;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:6px 6px 0 var(--ink);touch-action:pan-y;user-select:none}.drag-piece.dragging{position:fixed;z-index:30;pointer-events:none;width:250px;opacity:.9;transform:rotate(-2deg)}.drag-piece span{font:1000 36px serif;color:var(--red)}.status-message{text-align:center;margin:8px 0 0;min-height:25px;font-weight:900}.status-message.success{color:var(--safe)}.status-message.warning{color:var(--danger)}.quiz-screen{display:grid;place-items:center;padding:20px;background:#223f4b}.quiz-book{width:min(760px,100%);background:var(--cream);border:5px solid var(--ink);box-shadow:12px 12px 0 #111;padding:clamp(19px,5vw,52px);position:relative}.quiz-book:before{content:"";position:absolute;top:-10px;bottom:-10px;left:48px;border-left:2px dashed #b59064}.quiz-kicker{position:relative;margin:0;color:var(--red);font-weight:1000}.quiz-book h2{position:relative;font-size:clamp(25px,4vw,40px);margin:8px 0;border-bottom:4px double var(--ink);padding-bottom:9px}.quiz-progress{position:relative;font-weight:900;color:var(--blue)}.quiz-question{position:relative;font-size:clamp(18px,3vw,25px);font-weight:900;line-height:1.55}.quiz-choices{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-choices button{width:100%;border:3px solid var(--ink);background:#ecdba8;text-align:left;padding:12px;font-weight:800;line-height:1.5}.quiz-choices button:disabled{opacity:.72}.quiz-feedback{position:relative;margin-top:13px;padding:13px 15px;border-left:8px solid var(--blue);background:#dce7d9}.quiz-feedback strong{font-size:21px}.quiz-feedback p{line-height:1.65;font-weight:700}.result-screen{display:grid;grid-template-columns:1fr 1fr;background:#f2e5bf}.result-art{min-height:610px;background:#315866;border-right:5px solid var(--ink);position:relative;overflow:hidden}.result-rays{position:absolute;inset:-35%;background:repeating-conic-gradient(from 10deg,rgba(255,233,154,.16) 0 8deg,transparent 8deg 18deg);animation:slowTurn 22s linear infinite}.result-tower{position:absolute;left:12%;right:12%;bottom:58px;height:470px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;border-bottom:28px solid #674537}.result-tower .result-lane{border:5px solid var(--ink);border-bottom:0;background:#e4c176;min-height:210px;display:flex;flex-direction:column-reverse;padding:5px;gap:4px}.result-tower .result-lane:nth-child(2){min-height:300px}.result-tower .mini-shelf{height:34px;border:3px solid var(--ink);background:#fff0bf}.result-architect{position:absolute;right:4%;bottom:24px;background:#ffefbc;border:4px solid var(--ink);padding:12px;transform:rotate(4deg);font-weight:1000}.result-architect span{color:var(--red)}.result-copy{align-self:center;padding:clamp(25px,6vw,68px)}.result-copy h2{margin:0;font-size:clamp(31px,5vw,55px);line-height:1.15}.final-score{display:flex;align-items:flex-end;gap:15px;margin:24px 0;border-bottom:4px double var(--ink)}.final-score span{font-weight:900}.final-score strong{font-size:clamp(46px,7vw,78px);line-height:1;color:var(--red)}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-facts div{border:2px solid var(--ink);background:#fff3cf;padding:8px}.result-facts small,.result-facts b{display:block}.result-facts small{font-weight:700}.result-facts b{font-size:22px}.result-copy>p{line-height:1.7;font-weight:700}.result-actions{display:flex;gap:11px;flex-wrap:wrap}.ranking-panel{margin-top:18px;max-height:min(52vh,430px);overflow:auto;border:3px solid var(--ink);background:#fff9e7;color:#17242a;padding:10px}.ranking-panel .itc-leaderboard,.ranking-panel button,.ranking-panel [role="tab"]{color:#17242a}.ranking-panel [aria-selected="true"],.ranking-panel .active{background:#244b58!important;color:#fff!important}
@keyframes shelfIn{0%{opacity:0;transform:translateY(-50px) rotate(3deg)}70%{transform:translateY(4px)}100%{opacity:1;transform:none}}@keyframes hoverMoth{50%{transform:translate(-9px,7px) rotate(8deg)}}@keyframes slowTurn{to{transform:rotate(360deg)}}
@media(max-width:820px){.start-screen{grid-template-columns:1fr}.start-copy{padding:25px 18px 20px}.start-art{min-height:365px;border-left:0;border-top:5px solid var(--ink)}.preview-building{height:310px;width:260px;left:56%}.preview-building>i{height:50px}.preview-building .roof{height:60px}.preview-building>i b{font-size:22px}.moon-page{width:89px;height:99px}.moon-page:after{font-size:49px}.work-layout{grid-template-columns:1fr}.request-desk{order:2}.tower-diorama{order:1;min-height:590px}.tower-frame{inset:116px 3% 43px}.shelf{grid-template-columns:28px 1fr;height:42px;flex-basis:42px;padding:2px 4px}.shelf .kanji{font-size:20px}.shelf .shield{display:none}.result-screen{grid-template-columns:1fr}.result-art{min-height:400px;border-right:0;border-bottom:5px solid var(--ink)}.result-tower{height:330px;bottom:37px}.result-tower .result-lane{min-height:145px}.result-tower .result-lane:nth-child(2){min-height:210px}.brand{display:none}.hud{grid-template-columns:repeat(2,1fr)}.hud div:nth-child(2){border-right:0}.hud div:nth-child(-n+2){border-bottom:1px dashed #79634e}}
@media(max-width:520px){.tower-diorama{min-height:530px;padding-inline:1%}.tower-frame{inset:112px 1.5% 42px}.danger-message{top:79px;left:14px;right:14px}.tower-roof{height:60px;flex-basis:60px}.tower-roof span{font-size:21px}.lane-button{padding:5px 2px}.lane-button b{font-size:12px}.lane-button span{font-size:9px}.foundation{font-size:11px}.foundation span{letter-spacing:.05em}.shelf-options{grid-template-columns:1fr}.yard-heading{display:block}.shelf-option{min-height:72px}.quiz-book{padding:18px 13px}.quiz-book:before{display:none}.quiz-choices{grid-template-columns:minmax(0,1fr)}.quiz-choices button{overflow-wrap:anywhere}.result-facts{grid-template-columns:1fr}.result-actions>*{width:100%}.topbar{position:sticky;top:0}.request-desk{padding:18px 14px}.request-kanji{width:74px;height:82px;font-size:48px}.request-desk h2{font-size:18px}.drag-piece{height:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}