:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:#263342;background:#f2f2eb;--ink:#263342;--paper:#fffefa;--line:#c6ccce;--accent:#c85d35;--muted:#66737e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% 0,#fffefa,#e6e9e9);color:var(--ink)}button,select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);min-width:44px;min-height:44px;border-radius:8px;padding:8px 12px;cursor:pointer;touch-action:manipulation}button:hover{background:#f0e6d7}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e88442;outline-offset:2px}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#f3d8bf;border-color:#bc603c}.primary,#start{background:#263d55;color:#fff;border-color:#263d55;font-weight:750}header{height:64px;max-width:1160px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:auto;padding:8px 18px}.brand{display:flex;align-items:center;gap:10px;color:#263342;text-decoration:none;letter-spacing:-.4px;font-size:18px}.brand span{font-size:30px;color:#c75e36}header>div{display:flex;gap:6px}main{max-width:min(1160px,calc(100vw - 160px));margin:auto;padding:0 18px 18px}.mission-line{display:flex;align-items:center;justify-content:space-between;margin:7px 0 15px}.mission-line small{font-size:10px;letter-spacing:2px;color:#6b7981}.mission-line h1{font-size:24px;font-family:Georgia,"Apple SD Gothic Neo",serif;margin:4px 0}.mission-line nav{display:flex;gap:7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.landscape{border:1px solid #b3bec5;border-radius:10px;overflow:hidden;box-shadow:0 15px 35px #263d5519;min-width:0;background:#cdd6db}.canvas-wrap{position:relative;touch-action:none;overflow:hidden}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:move;user-select:none}#entry{position:absolute;inset:9% 9%;background:#fffef8f0;backdrop-filter:blur(4px);border:1px solid #fff;border-radius:10px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 20px 60px #172b3c33}#entry[hidden]{display:none}#entry small{font-size:10px;letter-spacing:2px;color:#b56740}#entry h2{font-size:32px;font-family:Georgia,"Apple SD Gothic Neo",serif;margin:10px 0}#entry p{font-size:14px;line-height:1.75;margin:0 0 16px}#entry button{min-height:48px;width:100%}#placing{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:7px 13px;background:#263d55ec;color:white;border-radius:30px;white-space:nowrap;font-size:12px;pointer-events:none}#placing[hidden]{display:none}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.environment{display:flex;justify-content:space-between;padding:10px 13px;font-size:12px;gap:8px;background:#f8faf8;border-top:1px solid #bac6ce}.environment span:last-child{white-space:nowrap;color:#737c85}aside{display:flex;flex-direction:column;gap:12px}.objective{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:0;border-left:4px solid #b95b37;border-radius:0;background:#fffaf1;padding:14px;min-height:128px}.objective b{font-size:16px}.objective span{font-size:13px;line-height:1.6;color:#536474}.objective small{font-size:10px;color:#a56948}#notice{font-size:12px;line-height:1.6;min-height:42px;margin:0;color:#5a6b78}.camera-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:7px}.camera-controls button{min-height:64px;font-size:13px;padding:8px}.shutter{background:#cd603a;color:white!important;border:3px solid #efaf88;display:flex;align-items:center;justify-content:center;gap:8px}.shutter:hover{background:#b94b2a}.shutter span{font-size:26px}.toolbar{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.toolbar button{padding:6px 3px;font-size:11px}#gear-slots{display:flex;gap:6px;min-height:44px}.slot{display:flex;flex:1;align-items:center;border:1px dashed #aab8c2;border-radius:8px;overflow:hidden;background:#edf0ef;min-width:0}.slot>button:first-child{border:0;background:none;font-size:11px;flex:1;min-width:0;padding:3px}.slot>button:last-child{width:44px;padding:0;background:#fff9ed;border:0;border-left:1px solid #c7cfd1}.slot.empty{justify-content:center;color:#7e8b94;font-size:12px}.species-list{display:grid;gap:7px;margin-top:12px}.species-list div{display:flex;justify-content:space-between;border-bottom:1px solid #c9d0d3;padding:8px 0;font-size:12px}.species-list span{color:#996043;font-size:11px}#save-status{font-size:10px;color:#78838b}.guide-link{font-size:10px;letter-spacing:2px;color:#7b5f4d;min-height:44px;padding-top:12px}dialog{border:1px solid #aebbc3;border-radius:14px;background:#fffdf5;color:#263342;padding:25px;max-width:min(850px,calc(100vw - 24px));max-height:90dvh;box-shadow:0 20px 100px #0f233e60}dialog::backdrop{background:#162940a8}.close{position:absolute;right:8px;top:8px;border:0;background:none;font-size:25px}dialog h2{font-family:Georgia,"Apple SD Gothic Neo",serif;padding-right:36px;margin-top:6px}dialog p{font-size:13px;line-height:1.8}.dialog-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.dialog-actions button{flex:1}.gear-grid,.site-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gear-grid button,.site-grid button{text-align:left;min-height:110px}.gear-grid b,.site-grid b{display:block;font-size:16px;margin:4px 0 7px}.gear-grid span,.site-grid span{font-size:12px;line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-card{border:1px solid #c1cbd0;border-radius:9px;overflow:hidden;background:#fff;padding:6px;min-width:0}.photo-card.selected{outline:3px solid #c16b3c}.photo-card img{width:100%;display:block;aspect-ratio:1.419;object-fit:contain;background:#dce0dc}.photo-card b{display:block;font-size:11px;padding:7px 2px;min-height:32px}.photo-card .photo-actions{display:flex;gap:4px}.photo-card button{font-size:11px;padding:4px;flex:1}.photo-card small{font-size:9px;color:#7f8a92}.photo-detail{width:100%;max-height:50dvh;object-fit:contain;background:#ccd1d3}.replay-canvas{width:100%;height:auto}.journal-title{color:#ba5c35}.notebook{border-top:1px solid #c5ccce;margin-top:12px;padding-top:10px}.notebook li{font-size:12px;line-height:1.8}.empty-note{padding:20px;background:#edf0ed;color:#63737c}body[data-site="1"]{background:radial-gradient(ellipse at 50% 0,#f9ead4,#ded5c9)}body[data-site="2"]{background:radial-gradient(ellipse at 50% 0,#d4d9e6,#b5bed1)}
@media(max-width:740px){header{height:44px;padding:0 8px}.brand{font-size:13px;gap:5px;max-width:185px}.brand span{font-size:21px}.brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header>div{gap:4px}#language{max-width:89px;font-size:11px;padding:4px}#sound{padding:5px}main{max-width:none;padding:0 8px 6px}.mission-line{height:44px;margin:0 0 5px}.mission-line small{font-size:8px;letter-spacing:1px}.mission-line h1{font-size:16px;margin:1px 0}.mission-line nav{gap:3px;margin-right:44px}.workspace{grid-template-columns:1fr;gap:5px}.landscape{max-width:480px;width:100%;margin:auto}.environment{padding:6px 8px;font-size:10px}aside{gap:5px}.objective{min-height:55px;max-height:66px;padding:6px 8px;gap:3px;position:relative;padding-right:39px}.objective b{font-size:12px}.objective span{font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.objective small{position:absolute;right:7px;top:8px;font-size:10px}#notice{font-size:10px;line-height:1.3;min-height:26px;max-height:27px;margin:0}.camera-controls{gap:5px}.camera-controls button{min-height:50px;padding:5px;font-size:11px}.shutter span{font-size:23px}.toolbar button{font-size:10px;min-height:44px}#gear-slots{gap:5px;min-height:44px}.species-list,#save-status,.guide-link{display:none}#entry{inset:7%;padding:13px}#entry small{font-size:8px}#entry h2{font-size:21px;margin:6px 0}#entry p{font-size:11px;line-height:1.5;margin-bottom:8px}#entry button{min-height:44px}#gamenow-mobile-menu-launcher{top:44px!important}dialog{padding:17px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-grid,.site-grid{gap:6px}.gear-grid button,.site-grid button{min-height:96px;padding:9px}.gear-grid b,.site-grid b{font-size:13px}.gear-grid span,.site-grid span{font-size:11px}}
@media(max-width:740px) and (max-height:650px){.canvas-wrap{height:calc(100dvh - 364px);min-height:190px;max-height:235px;display:flex;align-items:center;justify-content:center}canvas{width:100%;height:auto}.mission-line{margin-bottom:3px}.objective{min-height:55px}.environment{padding:4px 7px}#notice{min-height:24px;max-height:24px}.workspace{gap:4px}aside{gap:4px}#entry{inset:5%}#entry h2{font-size:19px}#entry p{font-size:10px}}
@media(orientation:landscape) and (max-height:540px){header{height:44px;padding:0 50px 0 12px}.brand{font-size:14px}.mission-line{height:40px;margin:0 0 5px}.mission-line small{display:none}.mission-line h1{font-size:18px}.mission-line nav{margin-right:0}main{max-width:none;padding:0 10px 0}.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:12px}.canvas-wrap{height:calc(100dvh - 118px);min-height:180px;max-height:none;display:flex;align-items:center;justify-content:center}canvas{height:100%;width:auto;max-width:none;aspect-ratio:1000/700}.environment{padding:5px 8px;font-size:10px}.landscape{max-width:none;margin:0}aside{gap:5px;max-height:calc(100dvh - 91px);overflow:auto}.objective{min-height:64px;padding:7px;gap:3px;padding-right:38px}.objective b{font-size:12px}.objective span{font-size:11px;line-height:1.4}.objective small{font-size:9px;position:absolute;right:7px;top:8px}#notice{font-size:10px;line-height:1.4;min-height:27px}.camera-controls button{min-height:48px;font-size:11px;padding:5px}.toolbar button{font-size:10px}.species-list,#save-status,.guide-link{display:none}#entry{inset:8%;padding:15px}#entry h2{font-size:22px}#entry p{font-size:11px}#entry small{display:none}#entry button{min-height:44px}#gamenow-mobile-menu-launcher{top:0!important}}
@media(prefers-reduced-motion:reduce){#flash{transition:none}}

@media(orientation:landscape) and (max-height:540px){.objective{position:relative}#gamenow-mobile-menu-launcher{top:0!important;right:0!important}header{padding-right:56px}}
.primary:hover,#start:hover{background:#334f6b;color:#fff;border-color:#334f6b}