:root{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:#23434a;background:#f5f4ed;font-synthesis:none;--ink:#183e48;--gold:#f5c964;--line:#dce6de}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:11px;background:#fffdf6;color:var(--ink);padding:11px 15px;min-height:44px;font-size:14px;font-weight:700;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#f7df9d;transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:3px solid #df922d;outline-offset:3px}button:disabled{opacity:.48;cursor:wait}button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}[hidden]{display:none!important}.topbar{height:83px;padding:12px 30px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#fffef8}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brandmark{background:var(--ink);color:var(--gold);font-size:32px;display:grid;place-items:center;width:49px;height:49px;border-radius:14px}h1{margin:0;font-size:24px;letter-spacing:.1em;line-height:1.2}.eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.17em;color:#687d76}.brand .eyebrow{font-size:10px;letter-spacing:.15em}.topmeta{display:flex;gap:17px;align-items:center;font-size:14px;color:#647870}.separator{color:#b6c9bd}.topbar nav{margin-left:auto;display:flex;gap:8px}.topbar nav button{background:transparent;border-color:transparent}.app{height:calc(100dvh - 83px);min-height:570px;display:grid;grid-template-columns:minmax(0,1fr) 282px;grid-template-rows:minmax(0,1fr) 126px}.board{position:relative;overflow:hidden;background:#aed9d4;isolation:isolate}#scene,#scene canvas{display:block;width:100%;height:100%;touch-action:none}#scene{position:absolute;inset:0}.scene-heading{position:absolute;top:27px;left:28px;display:flex;flex-direction:column;gap:6px;pointer-events:none;text-shadow:0 1px 10px #d9f2e6}.scene-heading strong{font-size:22px;letter-spacing:.04em}.scene-heading #viewPosition{font-size:14px;color:#3e625d}.camera-controls{position:absolute;top:24px;right:20px;display:flex;flex-direction:column;gap:6px;width:126px}.camera-controls button{padding:8px 9px;min-height:40px;background:#fffff1eb;border-color:#ffffff8a;box-shadow:0 3px 10px #234e4510;font-size:13px}.camera-controls button.selected{background:var(--ink);color:#fff}.zoom-row{display:flex;gap:4px}.zoom-row button{flex:1;padding:8px 2px;white-space:nowrap}.scene-bottom{position:absolute;bottom:16px;left:24px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:6px}.legend{display:flex;align-items:center;gap:6px;padding:10px 13px;background:#fffff1e8;border-radius:30px;font-size:12px;box-shadow:0 2px 10px #244c4110}.legend i{width:10px;height:10px;border-radius:50%;margin-left:6px}.normal{background:#f8eed5}.good{background:#edb949}.bad{background:#dd826e}.warp{background:#a992e5}.map-list-btn{font-size:12px;padding:8px 12px;min-height:36px;background:#fffff1eb}.sidebar{background:#fffef8;padding:24px 20px;overflow:auto;border-left:1px solid var(--line);display:flex;flex-direction:column}.crew-heading h2,.journey h2{font-size:17px;margin:6px 0 17px}.player-list{display:grid;gap:10px}.player-card{border:1px solid #e1e9e2;border-radius:14px;padding:11px 12px;background:#fff;position:relative;border-left:4px solid var(--player)}.player-card.active{background:#fff6dc;border-color:#edca76;border-left-color:var(--player);box-shadow:0 5px 16px #dbb35613}.player-top{display:flex;gap:9px;align-items:center}.portrait{width:45px;height:50px;object-fit:contain;background:#edf1e6;border-radius:9px}.player-name{font-size:14px;font-weight:700}.player-kind{font-size:12px;color:#748579;margin-top:4px}.position{margin-left:auto;font-size:22px;font-family:Georgia,serif;white-space:nowrap}.position small{font-family:Arial,sans-serif;font-size:12px;color:#8a968d}.progress-track{height:4px;background:#edf0e7;border-radius:4px;margin-top:9px;overflow:hidden}.progress-fill{height:100%;background:var(--player);width:0;transition:width .3s}.journey{margin-top:27px}.journey ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;font-size:12px;line-height:1.8;color:#6d7d72}.journey li:first-child{color:var(--ink);font-weight:700}.journey li{border-left:2px solid #e0e8dd;padding-left:10px}.side-note{font-size:12px;line-height:1.8;color:#8b948a;margin-top:auto;padding-top:20px}.turnbar{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:20px 32px;background:var(--ink);color:#fff9e6;z-index:2}.turn-info{flex:1;min-width:0}.turn-tag{font-size:11px;letter-spacing:.14em;color:#f4ca6d;font-weight:bold}.turn-info h2{font-size:21px;margin:5px 0}.turn-info p{font-size:13px;margin:4px 0;color:#c1d6d2;line-height:1.5}.dice-result{height:64px;width:64px;display:grid;place-items:center;flex-shrink:0;background:#fff9e5;color:var(--ink);border-radius:14px;box-shadow:0 5px 0 #acbfb4;font-family:Georgia,serif;font-size:36px;font-weight:bold}.dice-result.rolling{animation:shake .15s infinite}.turn-actions{min-width:235px;display:flex;flex-direction:column;gap:5px}.primary{background:var(--gold);color:#223e42;border:0;box-shadow:0 4px 0 #c69637;min-height:55px;font-size:17px;letter-spacing:.03em}.primary:hover:not(:disabled){background:#ffda7c}.turn-actions>button:not(.primary){background:transparent;color:#dae7dd;border:0;padding:0;min-height:25px;font-size:12px}.full{width:100%;margin-top:12px}.event-banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(390px,82%);border:2px solid #fff6d8;border-radius:20px;background:#fffdf3f5;box-shadow:0 16px 70px #163f4660;display:flex;gap:15px;padding:23px;pointer-events:none}.event-banner>span{display:grid;place-items:center;min-width:49px;height:49px;border-radius:50%;background:var(--gold);font-size:25px}.event-banner small{font-size:12px;color:#7d8878}.event-banner h2{font-size:22px;margin:4px 0}.event-banner p{font-size:14px;line-height:1.7;margin:8px 0}.event-banner strong{color:#9c6318;font-size:20px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#c4e4daed;z-index:3}.loading small{font-size:14px}.loading progress{width:220px;accent-color:#2a716d}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #7caaa2;border-top-color:#f4bb54;animation:spin 1s linear infinite}dialog{color:var(--ink);border:1px solid #e5e9dc;background:#fffef6;border-radius:24px;padding:29px;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-shadow:0 24px 100px #153d4860;overflow:auto}dialog::backdrop{background:#0c394651;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h2{font-size:24px;margin:7px 0}.iconbtn{font-size:24px;border:0;background:transparent;min-width:44px;padding:3px}.modal-intro{font-size:14px;color:#64776d;line-height:1.7}.count-row,.speed-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:17px 0;gap:12px}select{font-size:14px;padding:10px 28px 10px 12px;border:1px solid #d6e0d4;border-radius:9px;background:#fff;color:var(--ink);min-height:43px}.setup-player{display:grid;grid-template-columns:30px 48px minmax(90px,1fr) 95px;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e8ebe0}.setup-player .number{width:25px;height:25px;border-radius:50%;background:var(--player);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.setup-player img{height:53px;width:48px;object-fit:contain}.setup-player select{width:100%;min-width:0;padding-left:7px;padding-right:18px}.fineprint{text-align:center;font-size:12px;color:#7f8c7f;margin:18px 0 0}.error{color:#ac4738;font-size:14px;margin:8px 0}.rules-copy{font-size:15px;line-height:1.9}.rules-copy li{margin:10px 0}.credits{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.credits a{color:#267d76}.event-list{display:grid;gap:8px;margin-top:15px}.event-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;background:#f3f4e9;border-radius:9px;padding:10px;font-size:14px}.event-row small{display:block;color:#748477;font-size:12px;margin-top:3px}.event-row strong{color:#b06c17}.event-row button{font-size:12px;padding:8px}.event-row .tile-no{font-family:Georgia,serif;font-size:23px;color:#667b69}#winDialog{text-align:center}#winDialog h2{font-size:30px;margin:13px 0;color:#b17e20}#winRank{text-align:left;margin:20px 0}#winRank>div{padding:10px;border-bottom:1px solid var(--line);font-size:15px}#winRank span{float:right}.particle{position:fixed;top:-20px;width:9px;height:16px;z-index:20;pointer-events:none;animation:fall 3.5s linear forwards}@keyframes fall{to{transform:translate(60px,110vh) rotate(620deg)}}@keyframes shake{50%{transform:rotate(12deg) translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.app{grid-template-columns:minmax(0,1fr) 226px}.sidebar{padding:20px 12px}.topbar{padding:12px 20px}.topmeta{display:none}.turnbar{padding:17px 22px}.scene-heading{left:18px;top:22px}.scene-heading strong{font-size:18px}.camera-controls{right:12px;width:112px}.legend{font-size:11px;padding:8px}.legend i{margin-left:2px;width:8px;height:8px}.scene-bottom{left:15px;right:12px}}
@media(max-width:700px){.topbar{height:67px;padding:8px 13px;gap:8px}.brandmark{height:38px;width:38px;font-size:26px;border-radius:10px}.brand{gap:8px}h1{font-size:21px}.brand .eyebrow{font-size:8px}.topbar nav{gap:0}.topbar nav button{font-size:12px;padding:8px}.app{height:calc(100dvh - 67px);min-height:555px;grid-template-columns:1fr;grid-template-rows:minmax(290px,1fr) 80px 131px}.board{grid-row:1}.sidebar{grid-row:2;border-left:0;border-top:1px solid var(--line);padding:7px 9px;overflow:hidden}.crew-heading,.journey,.side-note{display:none}.player-list{display:flex;gap:5px;height:100%}.player-card{flex:1;min-width:0;border-radius:8px;padding:6px 4px;border-left-width:3px}.player-top{gap:2px;flex-wrap:wrap;justify-content:center}.player-top .portrait{width:23px;height:27px;background:transparent}.player-name{font-size:11px;white-space:nowrap}.player-kind{font-size:10px;margin-top:1px}.position{font-family:Arial,sans-serif;font-size:13px;margin:0}.position small{font-size:9px}.progress-track{margin-top:4px;height:3px}.turnbar{grid-row:3;padding:12px 14px;gap:10px;display:grid;grid-template-columns:1fr 49px 138px}.turn-info h2{font-size:16px;line-height:1.4;margin:4px 0}.turn-info p{font-size:11px;line-height:1.5}.turn-tag{font-size:10px}.dice-result{width:44px;height:48px;font-size:28px;border-radius:10px}.turn-actions{min-width:0}.turn-actions .primary{font-size:14px;padding:10px 7px;min-height:53px}.scene-heading{top:16px;left:15px;gap:4px}.scene-heading .eyebrow{font-size:10px}.scene-heading strong{font-size:15px;max-width:215px}.scene-heading #viewPosition{font-size:12px}.camera-controls{top:74px;right:10px;width:98px;gap:4px}.camera-controls button{font-size:12px;padding:7px 5px;min-height:36px}.camera-controls .zoom-row button{font-size:11px;padding:7px 2px}.scene-bottom{bottom:10px;left:10px;right:10px;align-items:flex-end}.legend{font-size:10px;gap:3px;padding:8px}.legend i{width:7px;height:7px}.map-list-btn{font-size:11px;padding:7px 9px}.event-banner{padding:17px;top:48%;width:84%;gap:11px}.event-banner h2{font-size:19px}.event-banner p{font-size:13px}.event-banner strong{font-size:17px}.event-banner>span{min-width:37px;height:37px;font-size:20px}dialog{padding:22px 18px;border-radius:19px}.modal-head h2{font-size:21px}.setup-player{grid-template-columns:25px 40px minmax(80px,1fr) 80px;gap:6px}.setup-player img{width:40px;height:47px}.setup-player select{font-size:12px}.modal-intro{font-size:13px}.event-row{grid-template-columns:27px 1fr auto;font-size:13px}.event-row button{padding:7px}.event-row .tile-no{font-size:20px}}
@media(max-height:600px) and (min-width:701px){.topbar{height:62px}.app{height:calc(100dvh - 62px);min-height:420px;grid-template-rows:minmax(0,1fr) 98px}.turnbar{padding:10px 24px}.sidebar{padding-top:12px}.journey{display:none}.camera-controls{top:12px}.scene-heading{top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}
/* Touch controls remain large enough for small hands. */
.camera-controls button{min-height:44px}.brand .eyebrow{font-size:12px}.turn-tag{font-size:12px}
@media(max-width:700px){.brand .eyebrow{display:none}.camera-controls{top:64px}.camera-controls button,.camera-controls .zoom-row button{font-size:12px;min-height:44px}.scene-heading .eyebrow,.turn-tag,.turn-info p,.legend,.map-list-btn{font-size:12px}.legend{gap:2px;padding:7px}.legend i{margin-left:1px}.scene-bottom{gap:4px}.map-list-btn{padding:7px}.player-name{font-size:12px}.player-kind{font-size:12px}.position small{font-size:12px}.player-card .portrait{display:none}.player-top{gap:3px}.player-top>div{display:flex;flex-direction:column;align-items:center}.progress-track{margin-top:3px}.turn-actions>button:not(.primary){font-size:12px}}
.loading{padding:25px;text-align:center}.loading small{max-width:520px;line-height:1.8}
@media(max-width:700px){.player-card{padding:4px}.player-top{line-height:1.2}.player-kind{line-height:1.2}}
.time-picker{border:0;padding:0;margin:22px 0}.time-picker legend{font-size:14px;font-weight:700;margin-bottom:10px}.time-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.time-options label{position:relative;cursor:pointer}.time-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.time-options span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 5px;border:2px solid #e1e6da;border-radius:13px;font-size:25px;background:#f4f6ed}.time-options b{font-size:15px}.time-options small{font-size:11px}.time-options input:checked+span{border-color:#bf8c37;background:#fff1c6;box-shadow:0 0 0 2px #edcf8829}.time-options input:focus-visible+span{outline:3px solid #df922d;outline-offset:3px}.time-options label:last-child span{background:#e8edf6}body[data-time=night] .scene-heading{color:#fff5dd;text-shadow:0 2px 7px #142a4e}body[data-time=night] .scene-heading #viewPosition,body[data-time=night] .scene-heading .eyebrow{color:#f5e3b9}body[data-time=sunset] .scene-heading{text-shadow:0 1px 10px #fff0cf}
#chestDialog{width:min(630px,calc(100vw - 24px));text-align:center;background:radial-gradient(ellipse at top,#fff3cd,#fffef6 65%);padding:30px 25px}#chestDialog h2{font-size:26px;margin:13px 0}#chestPlayer{font-size:16px;font-weight:700;margin-bottom:8px}#chestHint{font-size:14px;color:#657c71;min-height:22px}.chest-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}.chest-card{--chest:#da7764;--dark:#a94e41;padding:12px 5px 16px;min-height:172px;border:2px solid #eee0b9;background:#fffaf0;transition:opacity .25s,background .25s}.chest-card.blue{--chest:#6c9fc4;--dark:#466987}.chest-card.gold{--chest:#e4b650;--dark:#ad7d29}.chest-card b{font-size:15px;display:block;margin-top:14px}.chest-card:disabled{opacity:1;cursor:default}.chest-card.dimmed{opacity:.4}.chest-art{position:relative;display:block;width:96px;height:100px;margin:auto;filter:drop-shadow(0 9px 5px #7c634921)}.chest-base{position:absolute;left:7px;right:7px;top:49px;height:43px;background:var(--chest);border:4px solid #d9ba70;border-bottom:7px solid var(--dark);border-radius:0 0 8px 8px;z-index:2}.chest-lid{position:absolute;left:4px;right:4px;top:21px;height:35px;border:4px solid #d9ba70;border-radius:20px 20px 3px 3px;background:var(--chest);z-index:3;transform-origin:50% 90%;transition:transform .6s}.chest-lock{position:absolute;top:47px;left:39px;width:20px;height:23px;background:#ffe7a0;color:#987329;font-size:13px;border-radius:3px;z-index:4;font-style:normal;padding-top:3px}.chest-glow{position:absolute;left:27px;top:10px;font-size:44px;color:#f7be40;font-style:normal;opacity:0;transition:opacity .5s,transform .6s}.opened .chest-lid{transform:translateY(-21px) rotate(-13deg)}.opened .chest-glow{opacity:1;transform:translateY(-17px)}.opened{border-color:#bc943c;background:#fff1bf;box-shadow:0 0 24px #f2c96b40}#chestResult{min-height:62px;padding-top:22px;font-size:19px;font-weight:700;color:#966622;line-height:1.6}
@media(max-width:700px){#chestDialog{padding:23px 13px}#chestDialog h2{font-size:21px}.chest-options{gap:6px}.chest-card{min-height:151px;padding:7px 0 12px}.chest-art{width:82px;transform:scale(.87);transform-origin:50% 100%}.chest-lock{left:32px}.chest-glow{left:21px}.chest-card b{font-size:13px;margin-top:5px}#chestResult{font-size:17px}.time-options{gap:6px}.time-options small{font-size:10px}}