:root{color:#24434a;font-synthesis:none;--ink:#24434a;--teal:#285c60;--orange:#e9a34e;--line:#cdd6cd;background:#eef0e8;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:radial-gradient(at 15% 0,#fff9e7,#0000 65%),#eef0e8;margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid var(--line);color:var(--ink);background:#fffdf5;border-radius:12px;transition:background .12s,transform .12s}button:hover:enabled{background:#e7eee4}button:active:enabled{transform:translateY(1px)}button:focus-visible{outline-offset:3px;outline:3px solid #d88735}button:disabled{cursor:default;opacity:.55}button[aria-pressed=true]{color:#fff8df;background:#285c60;border-color:#285c60}button[hidden],[hidden]{display:none!important}.shell{max-width:1120px;margin:0 auto;padding:24px 30px 18px}.masthead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:.2em;color:#7a8e83;margin:0 0 7px;font-size:10px;font-weight:800}h1{letter-spacing:.07em;margin:0;font-family:Yu Mincho,serif;font-size:30px}h1 span{letter-spacing:.05em;color:#74877f;margin-left:22px;font:500 12px Yu Gothic,sans-serif;display:inline-block}nav{gap:7px;display:flex}.tool{width:44px;height:44px;font-size:20px}.game-grid{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);align-items:start;gap:22px;display:grid}.window-panel{color:#f5f0dc;background:#163745;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #1d393415}.room-heading{justify-content:space-between;gap:8px;padding:18px 20px;font-size:12px;font-weight:700;display:flex}.dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.warm{background:#f0bc66;box-shadow:0 0 12px #f0bc6670}#weather-label{color:#a4d2d9}.scene-wrap{position:relative}#scene{aspect-ratio:5/3;width:100%;height:auto;display:block}.scene-cover{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#16323c9c;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.scene-cover p{letter-spacing:.08em;margin:0 0 20px;font-family:Yu Mincho,serif;font-size:26px;line-height:1.8}.scene-cover small{color:#e0e6d9;margin-top:14px;font-size:11px}.primary{color:#263f42;background:#eeb35e;border:0;min-height:48px;padding:16px 22px;font-weight:800;box-shadow:0 4px #142e3526}.primary:hover:enabled{background:#f4c881}.primary span{margin-left:20px}.forecast-head{justify-content:space-between;gap:8px;padding:15px 20px 9px;font-size:11px;display:flex}.forecast-head>span:first-child{color:#bdcfca}#forecast-next{color:#eacb8c}.forecast{gap:4px;padding:0 20px;display:flex;position:relative}.weather-cell{text-align:center;color:#c5d6d5;background:#355361;border-radius:6px;flex:1;min-width:0;padding:12px 0 10px;position:relative;overflow:hidden}.weather-cell.cold{color:#def5f7;background:#3c6f86}.weather-cell small{opacity:.7;margin-top:5px;font-size:9px;display:block}.weather-cell b{font-size:11px;font-weight:500;position:relative}.weather-cell i{transform-origin:0;background:#d7e9db18;position:absolute;inset:0;transform:scaleX(0)}.weather-cell.current{outline-offset:-1px;color:#ffe3a9;outline:1px solid #edc879}.caption{text-align:center;color:#a1bbb9;margin:18px 8px 19px;font-size:11px}.console{background:#faf9ef;border:1px solid #d7ded1;border-radius:18px;padding:20px 19px 14px;box-shadow:0 10px 28px #1d393408}.label{letter-spacing:.04em;color:#70857c;font-size:11px;font-weight:700}.readouts{justify-content:space-between;align-items:center;display:flex}.readouts strong{letter-spacing:-.07em;font-family:Consolas,Courier New,monospace;font-size:43px;font-weight:500}.unit{margin-left:6px;font-size:15px}.timer{text-align:right}.timer strong{font-size:31px}.temperature>div{align-items:baseline;gap:1px;display:flex}.temperature .unit{margin-right:9px}#trend{color:#698b80;font-size:22px}.thermometer{background:linear-gradient(90deg,#a7cbd4 0 33.33%,#a8c7a0 33.33% 66.66%,#e9b993 66.66%);border-radius:9px;height:9px;margin:13px 0 8px;position:relative}.thermometer i{background:#254a50;border:1px solid #faf9ef;border-radius:4px;width:5px;height:17px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.thermo-labels{color:#74897f;justify-content:space-between;font-size:10px;display:flex}#comfort-label{color:#49724d;font-weight:700}.unit-readouts{grid-template-columns:1fr 1fr;gap:15px;margin:26px 0 20px;display:grid}.unit-title{align-items:center;gap:6px;margin-bottom:7px;font-size:11px;display:flex}.unit-title>b{background:#e3e9de;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.unit-title strong{margin-left:auto;font:700 13px Consolas,monospace}.unit-title span{color:#70877a;font-size:10px}.frost-track{background:#e0e7e1;border-radius:5px;height:7px;overflow:hidden}.frost-track i{background:#7aafbc;border-radius:5px;width:50%;height:100%;display:block}.section-label{justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}#switch-status{color:#819284;font-size:10px}.operations{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.operations button{border-radius:10px;min-height:87px;padding:10px 3px}.operations b{font-size:12px;display:block}.mode-icon{margin-bottom:7px;font-size:24px;line-height:1.1;display:block}.operations small{opacity:.8;margin-top:5px;font-size:9px;display:block}kbd{opacity:.65;margin-left:3px;font:9px Consolas,monospace}.action-status{color:#667f70;min-height:17px;margin:15px 0 14px;font-size:11px;line-height:1.5}.footer-record{color:#7b8b7d;border-top:1px solid #dfe3d7;justify-content:space-between;padding-top:12px;font-size:10px;display:flex}.footer-record b{color:#43665a;font:700 14px Consolas,monospace}.footnote{color:#8a988b;justify-content:space-between;gap:12px;margin-top:18px;font-size:10px;display:flex}.footnote span:first-child{font-family:serif}.console[data-comfort=cold] #temperature,.console[data-comfort=cold] #comfort-label{color:#3b839b}.console[data-comfort=hot] #temperature,.console[data-comfort=hot] #comfort-label{color:#b77043}dialog{color:var(--ink);background:#faf9ee;border:1px solid #d5ddca;border-radius:20px;width:min(460px,100% - 30px);max-height:calc(100dvh - 40px);padding:26px;overflow:auto;box-shadow:0 22px 80px #05232c66}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#112e39a1}.dialog-heading{justify-content:space-between;align-items:center;display:flex}h2{letter-spacing:.05em;margin:12px 0 18px;font:700 25px Yu Mincho,serif}dialog p,dialog li{font-size:13px;line-height:1.8}dialog ol{padding-left:23px}dialog li{margin-bottom:17px}.hint{background:#e8eedf;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.8}.keys{color:#79907c;font-size:11px!important}.result-score{margin:0;line-height:1.2!important}.result-score strong{letter-spacing:-.06em;color:#2f685b;font:500 66px Consolas,monospace}.result-score span{color:#8a9989;margin-left:10px;font-size:14px}.result-sub{color:#829080;margin:0 0 15px;font-size:11px}#chart{width:100%;height:auto;display:block}.result-stats{color:#74877c;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.result-actions{gap:9px;display:grid}.secondary{min-height:44px;font-weight:700}#record-message{color:#ab7840;margin:12px 0;font-size:12px}#result-dialog{width:min(430px,100% - 30px)}@media (max-width:850px){.shell{padding:20px}.game-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:15px}h1 span{margin:6px 0 0;display:block}h1{font-size:27px}.room-heading{padding:14px 12px;font-size:10px}.scene-cover p{margin-bottom:14px;font-size:20px}.forecast-head{padding:13px 10px 8px;font-size:9px}.forecast{padding:0 10px}.weather-cell{padding:10px 0}.weather-cell b{font-size:9px}.caption{font-size:10px}.console{padding:18px 14px}}@media (max-width:680px){.shell{max-width:490px;padding:14px 14px 12px}.masthead{margin-bottom:14px}h1{font-size:25px}h1 span{margin-top:4px;font-size:10px}.eyebrow{font-size:9px}.game-grid{flex-direction:column;gap:12px;display:flex}.window-panel,.console{border-radius:14px;width:100%}.room-heading{padding:10px 13px}.scene-wrap{max-height:210px;overflow:hidden}#scene{width:100%;height:auto;margin:0 auto}.scene-cover p{margin-bottom:12px;font-size:20px;line-height:1.5}.scene-cover small{margin-top:9px;font-size:9px}.primary{padding:13px 18px}.forecast-head{padding:10px 13px 7px}.forecast{padding:0 13px 12px}.weather-cell{padding:6px 0}.weather-cell small{margin-top:3px;font-size:8px}.caption{display:none}.console{padding:13px 14px 11px}.readouts strong{font-size:36px}.timer strong{font-size:28px}.thermometer{margin-top:9px}.unit-readouts{gap:17px;margin:16px 0 13px}.operations button{min-height:70px;padding:8px 2px}.mode-icon{margin-bottom:4px;font-size:20px}.operations b{font-size:11px}kbd{display:none}.operations small{font-size:9px}.action-status{margin:11px 0 10px;font-size:10px}.footer-record{padding-top:9px}.footnote{margin-top:12px;font-size:9px;line-height:1.7;display:block}.footnote>span:first-child{display:none}dialog{padding:20px}.result-score strong{font-size:57px}#chart{max-height:95px}.scene-cover #start{font-size:13px}.tool{width:42px;height:42px}.thermo-labels{font-size:9px}.section-label{font-size:10px}}@media (max-width:350px){.shell{padding:10px}.masthead{gap:7px}h1{font-size:22px}.scene-wrap{max-height:170px}.console{padding:12px 10px}.scene-cover p{margin-bottom:10px;font-size:17px}.scene-cover small{font-size:8px}.operations b{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:680px){.scene-wrap{max-height:none}#scene{object-fit:contain;height:210px}body[data-phase=playing] .masthead{margin-bottom:8px}body[data-phase=playing] h1 span,body[data-phase=playing] .eyebrow,body[data-phase=playing] .footnote{display:none}}@media (max-width:350px){#scene{height:170px}}@media (max-width:680px) and (max-height:760px){body[data-phase=playing] #scene{height:170px}body[data-phase=playing] .room-heading{padding:6px 12px}body[data-phase=playing] .forecast-head{padding-top:6px}body[data-phase=playing] .forecast{padding-bottom:8px}body[data-phase=playing] .game-grid{gap:8px}body[data-phase=playing] .unit-readouts{margin:11px 0}body[data-phase=playing] .action-status{margin:8px 0}}@media (max-width:680px) and (max-height:700px){body[data-phase=playing] #scene{height:150px}body[data-phase=playing] .scene-cover p{margin:0 0 10px;font-size:18px;line-height:1.4}}button[aria-pressed=true]:hover:enabled{color:#fff8df;background:#32696c}
