:root{--bg-color:#f7f5f0;--card-bg:#fff;--primary-color:#8d6e63;--primary-dark:#5d4037;--accent-orange:#ff9800;--accent-shadow:#e65100;--ghost-color:#8d6e6326;--text-main:#3e2723;--text-sub:#795548;--border-color:#d7ccc8}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Malgun Gothic,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);width:100vw;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}header{background-color:var(--card-bg);border-bottom:4px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:9vh;min-height:60px;padding:0 3vw;display:flex;box-shadow:0 2px 8px #00000008}h1{color:var(--primary-color);font-size:clamp(1.1rem,2.6vh,1.7rem);font-weight:700}main{flex:1;width:100%;position:relative;overflow-y:auto}.screen{width:100%;min-height:100%;padding:2vw;display:none}.screen.active{flex-direction:column;display:flex}#screen-home{justify-content:flex-start;align-items:center;padding:4vh 2vw}.island-map{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:2.5vh 2.5vw;width:90%;max-width:1000px;display:grid}.landmark-card{background:var(--card-bg);border:3px solid var(--border-color);border-bottom:7px solid var(--border-color);text-align:center;cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:24px 20px;transition:transform .1s,background-color .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000008}.landmark-card:active:not(.locked){border-bottom-width:3px;transform:translateY(4px)}.landmark-card.locked{opacity:.6;cursor:not-allowed;background:#eae8e3;border-color:#ccc}.landmark-card.completed{background-color:#f1f8e9;border-color:#81c784 #81c784 #4caf50}.mission-complete-tag{color:#fff;background:#4caf50;padding:4px 30px;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:-25px;transform:rotate(30deg);box-shadow:0 2px 5px #0000001a}.landmark-card .avatar{margin-bottom:12px;font-size:clamp(2rem,50px,4rem)}.landmark-card h3{color:var(--text-main);font-size:1.15rem}.split-container{gap:2vw;width:100%;height:100%;display:flex}@media (orientation:landscape){.split-container{flex-direction:row}.left-panel{flex:1.15;height:100%}.right-panel{flex:.85;justify-content:center;align-items:center;height:100%;display:flex}}@media (orientation:portrait){.split-container{flex-direction:column;padding-bottom:40px}.left-panel{width:100%;height:auto;margin-bottom:20px}.right-panel{justify-content:center;align-items:center;width:100%;height:auto;display:flex}.pebble-board{gap:15px 25px!important;width:min(85vw,320px)!important;height:min(115vw,440px)!important;padding:25px 20px!important}.dialog-box{min-height:180px}}.dialog-box{background:var(--card-bg);border:3px solid var(--border-color);border-bottom:6px solid var(--border-color);border-radius:28px;flex-direction:column;justify-content:space-between;height:100%;padding:24px 20px;display:flex;box-shadow:0 6px 15px #00000005}.npc-talk{color:var(--text-main);white-space:pre-line;font-size:1.15rem;font-weight:600;line-height:1.6}.mirror-lever-panel{background:#f0f4c3;border:2px dashed #c0ca33;border-radius:16px;gap:1.5vw;margin:15px 0;padding:12px;display:flex}.game-controls{gap:10px;margin-top:10px;display:flex}.pebble-btn{background-color:var(--accent-orange);border:none;border-bottom:5px solid var(--accent-shadow);color:#fff;cursor:pointer;border-radius:18px;padding:12px 20px;font-size:1rem;font-weight:700;transition:transform 50ms}.pebble-btn:active{border-bottom-width:2px;transform:translateY(3px)}.pebble-btn.nature{background-color:#81c784;border-bottom-color:#388e3c}.pebble-btn.stone{color:#37474f;background-color:#cfd8dc;border-bottom-color:#78909c}.pebble-board{border:4px solid var(--border-color);background:#efebe9;border-bottom:8px solid #bcaaa4;border-radius:32px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);place-content:center;gap:20px 30px;width:clamp(240px,40vh,370px);height:clamp(320px,55vh,500px);margin:0 auto;padding:30px;display:grid;box-shadow:inset 0 4px 10px #0000000d}.pebble-dot{aspect-ratio:1;color:#ffffffb3;cursor:pointer;background:#d7ccc8;border-bottom:5px solid #bcaaa4;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.1rem,2.5vh,1.5rem);font-weight:700;transition:all .1s;display:flex}.pebble-dot.active{color:#fff;background:#81c784;border-bottom-color:#66bb6a;box-shadow:0 0 15px #81c784b3}.pebble-dot.error-flash{animation:.2s 3 error-blink}@keyframes error-blink{0%{background-color:#d7ccc8;border-bottom-color:#bcaaa4}50%{background-color:#ef5350;border-bottom-color:#c62828;box-shadow:0 0 15px #ef5350}to{background-color:#d7ccc8;border-bottom-color:#bcaaa4}}.pebble-dot.dot-ghost{color:#4caf50;background:#e8f5e9;border:3px dashed #81c784}.pebble-dot.coach-highlight{animation:.8s infinite alternate pulse-light}@keyframes pulse-light{0%{background-color:#e8f5e9;border-bottom-color:#a5d6a7;box-shadow:0 0 5px #e8f5e9}to{background-color:#c8e6c9;border-bottom-color:#81c784;box-shadow:0 0 20px #81c784}}.wood-option-box{flex-direction:column;gap:1.2vh;margin-top:1.5vh;display:flex}.wood-option{cursor:pointer;text-align:left;background:#fafafa;border:2px solid #e0e0e0;border-bottom:5px solid #d5d5d5;border-radius:16px;padding:1.6vh 2vw;font-size:clamp(.9rem,2vh,1.15rem);font-weight:700;transition:all 50ms}.wood-option:active{border-bottom-width:3px;transform:translateY(2px)}.passport-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.passport-modal.active{display:flex}.passport-card{background:var(--card-bg);border:10px double var(--primary-color);text-align:center;border-radius:28px;width:clamp(310px,85vw,550px);padding:4vh 3vw;box-shadow:0 15px 35px #00000040}.islander-name-input{text-align:center;border:2px solid var(--border-color);width:60%;color:var(--text-main);border-radius:12px;margin:2vh auto;padding:1vh;font-size:1.1rem;font-weight:700}.passport-msg{color:var(--text-sub);text-align:justify;white-space:pre-line;margin:2.5vh 0;font-size:clamp(.9rem,2vh,1.15rem);font-weight:700;line-height:1.7}footer{background-color:var(--card-bg);border-top:1px solid var(--border-color);text-align:center;color:#9e9e9e;justify-content:center;align-items:center;height:8vh;padding:0 2vw;font-size:clamp(.7rem,1.6vh,.85rem);display:flex}
/*$vite$:1*/