:root{--ink:#202b33;--paper:#f7f0da;--paper2:#fffaf0;--red:#b23a33;--blue:#2c6472;--green:#51734a;--gold:#d49b3e;--shadow:#18212833;--line:#31434b;--safe:#3e7d55;--danger:#b23a33;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;color:var(--ink);background:#b9d5ce}
*{box-sizing:border-box}html{min-width:320px;background:#b9d5ce}body{margin:0;min-height:100vh;background:linear-gradient(#a8cec6 0 22%,#d7c693 22% 100%);overflow-x:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:4px solid #ffcf55;outline-offset:3px}[hidden]{display:none!important}
#app{width:min(1180px,100%);min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 34px #24352f55}.masthead{display:flex;align-items:center;gap:14px;padding:12px clamp(14px,3vw,30px);background:var(--ink);color:#fff;border-bottom:6px solid var(--red)}.masthead h1{font-family:serif;letter-spacing:.06em;font-size:clamp(1.25rem,3.2vw,2rem);margin:0}.kicker{margin:0 0 2px;color:#f2c760;font-size:.78rem;font-weight:700}.paper-mark{width:48px;height:48px;display:grid;place-items:center;border:2px solid #fff;transform:rotate(-3deg);background:var(--red);font-family:serif;font-weight:900;font-size:1.5rem}.sound-button{margin-left:auto;min-height:44px;border:1px solid #fff;background:transparent;color:#fff;padding:7px 12px;cursor:pointer}
.start-screen{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;background:repeating-linear-gradient(0deg,transparent 0 31px,#4e616214 32px),var(--paper);overflow:hidden}.start-copy{padding:clamp(28px,6vw,72px)}.issue-stamp,.phase-label{display:inline-block;margin:0 0 10px;padding:5px 9px;border:2px solid currentColor;color:var(--red);font-weight:900;letter-spacing:.08em;transform:rotate(-1deg)}.start-copy h2{font-family:serif;font-size:clamp(1.9rem,5vw,3.6rem);line-height:1.2;margin:0 0 20px}.start-copy>p{line-height:1.8}.start-points{padding-left:1.2em;line-height:1.75}.press-button{min-height:48px;border:2px solid var(--ink);background:var(--paper2);padding:10px 18px;font-weight:900;box-shadow:4px 4px 0 var(--ink);cursor:pointer}.press-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.press-button.primary{background:var(--red);color:#fff}.start-illustration{position:relative;min-height:560px;background:#86bd91;border-left:5px solid var(--ink);overflow:hidden}.sun{position:absolute;width:130px;height:130px;border-radius:50%;background:#f2c760;right:30px;top:34px;box-shadow:0 0 0 16px #f2c7603d}.school{position:absolute;left:15%;right:15%;bottom:8%;height:48%;background:#e6c377;border:5px solid var(--ink);clip-path:polygon(0 20%,40% 20%,50% 0,60% 20%,100% 20%,100% 100%,0 100%)}.school span{position:absolute;top:38%;left:38%;font:900 2rem serif}.route-line{position:absolute;height:8px;background:var(--paper2);border:2px dashed var(--blue);transform-origin:left}.route-a{width:70%;left:8%;top:32%;transform:rotate(22deg)}.route-b{width:60%;left:25%;top:70%;transform:rotate(-30deg)}.reporter-figure,.reader{position:absolute;display:grid;place-items:center;border:4px solid var(--ink);background:var(--paper2);font-weight:900}.reporter-figure{width:74px;height:74px;border-radius:50%;left:12%;top:36%;background:var(--red);color:#fff;font-size:2rem}.reader{min-width:82px;min-height:55px;padding:8px}.reader-a{right:8%;top:30%;transform:rotate(3deg)}.reader-b{right:25%;bottom:18%;transform:rotate(-4deg)}.reader-c{left:8%;bottom:7%;transform:rotate(2deg)}
.status-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper2);border-bottom:3px double var(--ink)}.status-strip>div{padding:8px 12px;border-right:1px solid #6b7475;text-align:center}.status-strip span{display:block;font-size:.72rem}.status-strip strong{font-size:1.15rem}.newspaper-world{display:grid;grid-template-columns:235px minmax(390px,1fr) 220px;min-height:620px;background:#d6ca9c}.editorial-brief,.reader-board{padding:16px;background:var(--paper);border-right:3px solid var(--ink)}.reader-board{border-right:0;border-left:3px solid var(--ink);background:#dce7dd}.editorial-brief h2,.reader-board h2,.map-heading h2{font-family:serif;margin:6px 0 10px}.editorial-brief>p{line-height:1.55}.audience-tag{border-block:1px solid var(--ink);padding:9px 0}.warning-box{min-height:52px;margin:12px 0;padding:8px;border:2px dashed var(--red);background:#fff5d8;font-weight:700}.evidence-log h3{font-size:1rem;border-bottom:2px solid var(--ink);padding-bottom:4px}.evidence-log ol{padding-left:1.2rem;font-size:.86rem;line-height:1.45}.evidence-log li{margin-bottom:8px}.campus-wrap{padding:14px;min-width:0}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-heading span{padding:5px 8px;background:#fff;border:1px solid var(--ink);font-weight:800}.campus-map{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));grid-template-rows:repeat(4,minmax(78px,1fr));gap:5px;min-height:410px;padding:9px;background:#4e704d;border:5px solid var(--ink);touch-action:pan-y}.map-cell{position:relative;min-width:0;border:2px solid #344c3a;background:#92bd7e;display:grid;place-items:center;padding:5px;text-align:center;overflow:hidden}.map-cell:nth-child(3n){background:#accb8a}.map-cell[data-kind="path"]{background:#d8c695}.map-cell[data-kind="desk"]{background:#d99f63}.map-cell[data-kind="source"]{background:#f0e6ba}.map-cell[data-cloud="true"]{background:repeating-linear-gradient(135deg,#8d7e93,#8d7e93 8px,#a797ac 8px,#a797ac 16px)}.cell-label{font-size:.73rem;font-weight:800;line-height:1.15}.source-quality{font-size:.65rem;background:#fff;padding:2px 4px;border:1px solid var(--ink)}.reporter-token{position:absolute;right:4px;bottom:4px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;border:3px solid #fff;box-shadow:0 0 0 2px var(--ink);font-weight:900;z-index:2}.collected-mark{position:absolute;inset:3px;border:3px solid var(--blue);pointer-events:none}.collected-mark:after{content:"取材済";position:absolute;top:0;left:0;background:var(--blue);color:#fff;font-size:.62rem;padding:2px}.map-feedback{min-height:48px;margin:8px 0;padding:8px 10px;background:#fff;border-left:6px solid var(--blue);font-weight:700}.map-feedback.danger{border-color:var(--red);color:#812822}.map-feedback.success{border-color:var(--safe);color:#255531}.move-controls{width:190px;margin:auto;display:grid;grid-template-columns:repeat(3,58px);gap:5px}.move-controls button{min-height:50px;border:2px solid var(--ink);background:var(--paper2);font-weight:900;font-size:1.2rem;cursor:pointer}.move-controls .desk-button{font-size:.8rem;background:var(--gold)}.rescue-button{display:block;margin:9px auto 0;min-height:44px;background:#fff4cb;border:2px solid var(--red);font-weight:900;cursor:pointer}.reader-state{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;margin:18px 0}.reader-state .face{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);background:#fff;border-radius:50%;font-weight:900}.reader-state b,.reader-state small{display:block}.meter{height:13px;background:#fff;border:2px solid var(--ink);margin:3px 0}.meter i{display:block;height:100%;width:50%;background:var(--blue);transition:width .5s ease}.consequence-note{margin-top:24px;padding:11px;background:#fff;border:2px solid var(--ink);font-size:.86rem;line-height:1.5}
.map-cell[data-warning="true"]{outline:5px dashed #ffed70;outline-offset:-7px}.map-cell[data-warning="true"] .cell-label:before{content:"次 ";color:#7a211d}
.layout-screen{min-height:620px;display:grid;grid-template-columns:.9fr 1.1fr;background:#c7d6c2;padding:clamp(18px,5vw,55px);gap:30px}.layout-copy h2,.consequence-screen h2,.result-screen h2{font:900 clamp(1.7rem,4vw,3rem)/1.2 serif}.layout-evidence{display:grid;gap:8px}.evidence-slip{padding:9px 10px;background:var(--paper2);border-left:6px solid var(--blue);box-shadow:2px 2px 0 #0003}.evidence-slip.low{border-color:var(--red)}.paper-layout{align-self:center;background:var(--paper2);padding:24px;border:3px solid var(--ink);box-shadow:10px 10px 0 #3c5357}.column-control{display:grid;grid-template-columns:1fr 46px 45px 46px;align-items:center;gap:7px;padding:12px 0;border-bottom:2px dotted #777}.column-control small{display:block}.column-control button{min-height:44px;background:#fff;border:2px solid var(--ink);font-size:1.25rem;cursor:pointer}.column-control strong{text-align:center;font-size:1.4rem}.line-total{text-align:right;padding:16px 0;font-size:1.2rem}.line-total.invalid{color:var(--red)}
.consequence-screen{position:relative;min-height:620px;display:grid;grid-template-columns:minmax(0,680px) 1fr;gap:25px;align-items:center;padding:clamp(20px,5vw,60px);background:#7ea587;overflow:hidden}.edition-sheet{background:var(--paper2);padding:clamp(22px,5vw,50px);border:4px solid var(--ink);box-shadow:10px 10px 0 #27382e}.result-stamp{display:inline-block;padding:8px 13px;border:4px double var(--red);color:var(--red);font:900 1.4rem serif;transform:rotate(-3deg)}.edition-sheet li{margin:7px 0;line-height:1.5}.delta-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.delta-row span{padding:7px 10px;background:#e6e0c9;border:1px solid var(--ink)}.town-release{display:grid;grid-template-columns:repeat(2,90px);gap:15px;justify-content:center}.town-release span{width:90px;height:90px;display:grid;place-items:center;background:#fff;border:4px solid var(--ink);font:900 2rem serif;transform:rotate(var(--r,-3deg))}.town-release span:nth-child(even){--r:4deg}.town-release span:last-child{grid-column:1/3;justify-self:center;background:#f2c760}
.quiz-overlay{position:fixed;inset:0;z-index:10;background:#1d282cd9;display:grid;place-items:center;padding:14px;overflow:auto}.quiz-sheet{width:min(680px,100%);max-height:calc(100vh - 28px);overflow:auto;background:var(--paper2);border:4px solid var(--ink);padding:clamp(18px,5vw,38px)}.quiz-sheet h2{font:900 clamp(1.2rem,4vw,1.8rem)/1.4 serif}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-choice{min-width:0;min-height:56px;padding:10px;background:#fff;border:2px solid var(--ink);text-align:left;cursor:pointer}.quiz-choice.correct{border-color:var(--safe);box-shadow:inset 7px 0 var(--safe)}.quiz-choice.incorrect{border-color:var(--red);text-decoration:line-through}.quiz-explanation{padding:11px;background:#f2e2a9;border-left:6px solid var(--gold);line-height:1.6}
.result-screen{min-height:620px;padding:clamp(22px,5vw,64px);background:repeating-linear-gradient(0deg,transparent 0 30px,#24322f15 31px),var(--paper)}.final-edition{max-width:780px;margin:auto;text-align:center}.final-score{display:inline-flex;flex-direction:column;margin:15px;padding:12px 36px;border-block:5px double var(--ink)}.final-score strong{font:900 3rem serif;color:var(--red)}.result-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.result-facts span{background:#fff;padding:9px;border:1px solid var(--ink)}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:24px}.ranking-panel{max-width:760px;margin:25px auto 0;padding:16px;background:#263a3f;color:#fff;border:4px solid #17252a}.ranking-panel .itc-ranking__tabs button{color:#fff!important}.ranking-panel .itc-ranking__tabs button[aria-pressed="true"]{background:#fff!important;color:#1b3137!important}.ranking-panel .itc-ranking__table th,.ranking-panel .itc-ranking__table td{color:#fff}
@media(max-width:900px){.start-screen{grid-template-columns:1fr}.start-illustration{min-height:360px;border-left:0;border-top:5px solid var(--ink)}.newspaper-world{grid-template-columns:190px minmax(340px,1fr)}.reader-board{grid-column:1/3;border-left:0;border-top:3px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reader-board h2,.consequence-note{grid-column:1/4}.reader-state{margin:3px}.layout-screen{grid-template-columns:1fr}.consequence-screen{grid-template-columns:1fr}.town-release{display:none}}
@media(max-width:620px){body{background:var(--paper)}.masthead{position:relative}.paper-mark{width:40px;height:40px}.kicker{display:none}.sound-button{font-size:.75rem;padding:5px 8px}.start-copy{padding:26px 18px}.start-illustration{min-height:320px}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip>div:nth-child(2){border-right:0}.newspaper-world{display:flex;flex-direction:column}.editorial-brief{border-right:0;border-bottom:3px solid var(--ink)}.campus-wrap{padding:10px}.reader-board{display:grid;grid-template-columns:1fr;border:0;border-top:3px solid var(--ink)}.reader-board h2,.consequence-note{grid-column:auto}.campus-map{grid-template-columns:repeat(5,minmax(50px,1fr));grid-template-rows:repeat(4,72px);min-height:320px;padding:5px;gap:3px}.map-cell{padding:2px}.cell-label{font-size:.62rem}.source-quality{font-size:.55rem}.reporter-token{width:32px;height:32px}.layout-screen{padding:18px 12px}.paper-layout{padding:14px;box-shadow:5px 5px 0 #3c5357}.column-control{grid-template-columns:1fr 42px 35px 42px}.quiz-choices{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions button{width:100%}.ranking-panel{padding:10px;overflow-x:auto}.itc-ranking__table{min-width:420px}.consequence-screen{padding:18px 12px}.edition-sheet{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}