:root{color-scheme:dark;font-family:"Yu Gothic UI","Meiryo",sans-serif;color:#e9edf3;background:#03050b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;display:grid;place-items:center;width:100vw;height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #526272;background:#121d2c;padding:16px 28px;font-size:24px;border-radius:3px;transition:background .15s,border-color .15s}button:hover,button:focus-visible{background:#203346;border-color:#9af7ee;outline:2px solid #9af7ee;outline-offset:3px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#stage{width:1280px;height:720px;position:relative;flex-shrink:0;overflow:hidden;transform-origin:center}canvas{position:absolute;inset:0;width:1280px;height:720px}.screen{position:absolute;inset:0}.title{padding:52px 74px;background:linear-gradient(90deg,#070c17f5 0%,#070c17e0 39%,#070c1700 85%)}.kicker{color:#b4b6a5;font-size:18px;letter-spacing:3px}h1{font-family:Georgia,"Times New Roman",serif;font-size:72px;letter-spacing:2px;line-height:1.02;font-weight:400;margin:22px 0 12px}h1 span{font-size:100px;letter-spacing:12px;color:#e6ce91}.jtitle{letter-spacing:8px;font-size:20px;color:#afb9c9;margin:0 0 24px}.lead{font-size:24px;line-height:1.65;color:#d7dfea;margin:0 0 24px}.primary{background:#ddc78f;color:#101623;border-color:#f0dba6;font-weight:700;min-width:320px}.primary:hover,.primary:focus-visible{background:#f4e1ae;color:#101623}.primary span{padding-left:48px}.controls{font-size:18px;color:#a6b4c7;margin:20px 0 16px}details{font-size:18px;position:relative;z-index:2;width:575px}summary{cursor:pointer;color:#a8b5c6}details[open]{background:#0b1524;padding:8px 14px;border:1px solid #506174}details label{display:block;margin-top:8px}input[type=text],input:not([type]){width:180px;background:#142335;color:#fff;border:1px solid #71849b;padding:6px;font-size:18px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:#cbd5a2}.edition{position:absolute;bottom:20px;left:74px;right:30px;font-size:16px;letter-spacing:2px;color:#96a0b0;display:flex;justify-content:space-between}.edition span{letter-spacing:0}#hud{position:absolute;top:0;left:0;right:0;height:84px;display:flex;align-items:center;gap:36px;padding:12px 28px;background:#080f1bea;border-bottom:1px solid #314054}#hud>div:first-child{width:265px}.eyebrow{display:block;font-size:18px;color:#adb9ca;letter-spacing:2px}#health{font-size:24px;line-height:28px}.bar{height:5px;background:#283142;width:100%;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:#84ebdd}.clock{width:210px;text-align:center}.clock strong{font-size:30px;letter-spacing:3px;font-variant-numeric:tabular-nums}.clock .eyebrow{font-size:18px;letter-spacing:0}.growth{flex:1;display:grid;grid-template-columns:70px 1fr 120px;align-items:center;gap:14px;font-size:24px}.xp i{background:#e3c888}.small{padding:8px 16px;font-size:24px}.small span{font-size:18px}#loadout{position:absolute;top:95px;left:26px;display:flex;gap:12px;font-size:18px;color:#b9c9d9}#loadout span{padding:4px 8px;background:#090f19c9;border-left:2px solid #65887d}#notice{position:absolute;top:133px;left:0;right:0;text-align:center;pointer-events:none;font-size:28px;color:#f3d49b;text-shadow:0 2px 8px #000}#hint{position:absolute;bottom:15px;left:26px;font-size:18px;color:#afbdce;text-shadow:0 2px 4px #000}.modal{display:grid;place-items:center;background:#030812db;backdrop-filter:blur(4px)}.modal-inner{text-align:center;width:1120px}.modal h2{font-size:44px;font-weight:500;margin:14px 0}.modal p{font-size:24px;line-height:1.6;color:#becada;margin:14px 0 28px}#choices{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.card{width:344px;text-align:left;min-height:250px;padding:25px;display:flex;flex-direction:column;gap:15px;background:linear-gradient(150deg,#1b2c3c,#101a28)}.card .ordinal{font-size:18px;color:#acbacb}.card strong{font-size:30px;color:#e9d69f}.card .description{font-size:22px;line-height:1.6}.card .kind{font-size:18px;color:#b5c5d1}.result-stats{font-size:24px!important;color:#e7d2a0!important}.report{width:900px;height:150px;margin:20px auto 0;text-align:left;overflow:auto;white-space:pre-wrap;font:16px monospace;background:#070e17;padding:15px;color:#b4c8d2}#qa{position:absolute;bottom:0;right:0;z-index:9;background:#342143;padding:8px;display:flex;align-items:center;gap:10px;font-size:16px}#qa button,#qa select{font-size:16px;padding:5px}#qa span{max-width:130px;font-size:12px}
