:root{--grass: #79c94c;--grass-dark: #5aa83a;--leaf: #8bc34a;--water: #62c6e6;--sand: #f3e3b3;--trunk: #b9794a;--bell: #ffd54a;--bell-deep: #f0a93a;--cream: #fff8e8;--cream-2: #fdeecb;--ink: #5b4636;--ink-soft: #8a7259;--sky: #bdeeff;--panel-shadow: 0 10px 0 rgba(120, 92, 60, .18), 0 18px 40px rgba(80, 60, 30, .25);--font-display: "Baloo 2", "Fredoka", system-ui, sans-serif;--font-body: "Fredoka", "Baloo 2", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background:linear-gradient(180deg,#8fd9ff,#bdeeff 30%,#d6f6ec);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}.scene-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.scene-wrap canvas{display:block}.scene-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#8fd9ff,#d6f6ec);z-index:50;transition:opacity .6s ease}.scene-loader.hide{opacity:0;pointer-events:none}.scene-loader .bell-spin{width:84px;height:84px;animation:bob 1.1s ease-in-out infinite;filter:drop-shadow(0 8px 0 rgba(120,92,60,.18))}.scene-loader p{font-family:var(--font-display);font-weight:700;color:var(--ink);letter-spacing:.5px}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}.app{position:relative;z-index:1}.content{position:relative;z-index:2;pointer-events:none}.hero a,.hero button,.hero .leaf-badge,.land{pointer-events:auto}.land{position:relative;z-index:2;background:radial-gradient(120% 60% at 50% -10%,#fff0,#d6f6ec00 40%,#d6f6ec 60%),linear-gradient(180deg,#d6f6ec,#e9f9e4 18%,#f3f7d8);padding-top:40px;margin-top:-1px}.land:before{content:"";position:absolute;top:-38px;left:0;right:0;height:44px;background:radial-gradient(circle at 30px 0,#79c94c 30px,transparent 31px) repeat-x;background-size:60px 44px;z-index:3}.land:after{content:"";position:absolute;top:-8px;left:0;right:0;height:24px;background:#79c94c;z-index:2}section{position:relative}.wrap{width:min(1120px,92vw);margin:0 auto}.nav{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;flex-wrap:nowrap;gap:10px;padding:9px 12px 9px 14px;background:var(--cream);border:3px solid #e7cf9b;border-radius:999px;box-shadow:0 6px #785c3c29,0 12px 24px #503c1e2e;max-width:94vw}.nav .btn-sm,.nav .wallet-btn,.nav .bell-count{height:38px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.nav .brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:18px;padding-right:6px}.nav .brand img{width:26px;height:26px}.nav .links{display:flex;gap:2px}.nav .links a{text-decoration:none;font-weight:600;font-size:14px;padding:7px 13px;border-radius:999px;color:var(--ink-soft);transition:background .15s,color .15s;white-space:nowrap}.nav .links a:hover{background:var(--cream-2);color:var(--ink)}.nav .bell-count{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#fff2bf,#ffe27a);border:2px solid var(--bell-deep);color:#8a5630;font-weight:800;font-size:14px;padding:6px 12px;border-radius:999px;white-space:nowrap}.nav .bell-count img{width:18px;height:18px}@media (max-width: 860px){.nav .links{display:none}}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:17px;border:none;cursor:pointer;padding:14px 26px;border-radius:999px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(3px)}.btn-primary{background:linear-gradient(180deg,#ffe27a,#f5b53c);color:#7a4a1e;border:3px solid #d98c2a;box-shadow:0 6px #c2791f}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:active{box-shadow:0 3px #c2791f}.btn-leaf{background:linear-gradient(180deg,#a7e06a,#7ec84a);color:#355e1c;border:3px solid #5aa33a;box-shadow:0 6px #4f942f}.btn-leaf:active{box-shadow:0 3px #4f942f}.btn-ghost{background:var(--cream);color:var(--ink);border:3px solid #e7cf9b;box-shadow:0 6px #785c3c29}.btn-ghost:active{box-shadow:0 3px #785c3c29}.btn-sm{font-size:14px;padding:9px 16px}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 16px 60px;position:relative}.hero .leaf-badge{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border:3px solid #e7cf9b;border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;color:var(--ink-soft);box-shadow:0 5px #785c3c24;margin-bottom:22px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(48px,11vw,132px);line-height:.92;margin:0;color:#fffdf4;text-shadow:0 4px 0 #f0a93a,0 8px 0 #d98c2a,0 14px 22px rgba(80,60,30,.4);letter-spacing:-1px}.hero h1 .bells{color:#ffe27a}.hero .tagline{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,3vw,28px);color:var(--ink);background:#fff8e8b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:inline-block;padding:8px 22px;border-radius:999px;margin:26px 0 8px}.hero .sub{font-size:clamp(15px,2.2vw,19px);color:var(--ink);max-width:600px;margin:14px auto 30px;font-weight:600;line-height:1.55;background:#fff8e8d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px 24px;border-radius:22px;border:2px solid rgba(236,214,164,.7)}.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.hero .scroll-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-weight:700;font-size:13px;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:4px;animation:bob 1.6s ease-in-out infinite}.hero .rock-tip{margin-top:26px;font-size:14px;font-weight:600;color:var(--ink-soft);background:#fff8e88c;border-radius:999px;padding:6px 16px}.panel{background:var(--cream);border:4px solid #ecd6a4;border-radius:28px;box-shadow:var(--panel-shadow);position:relative}.panel:before{content:"";position:absolute;top:-16px;left:34px;width:64px;height:30px;background:var(--leaf);border:4px solid #5aa33a;border-bottom:none;border-radius:16px 16px 0 0}.section-pad{padding:92px 0}.section-head{text-align:center;margin-bottom:44px}.section-head .kicker{display:inline-block;font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#5aa33a;background:#fff9;padding:5px 14px;border-radius:999px;margin-bottom:12px}.section-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,6vw,56px);margin:0 0 8px;color:#fffdf4;text-shadow:0 3px 0 #5aa83a,0 6px 0 #4f942f,0 10px 16px rgba(40,70,20,.3)}.section-head p{max-width:600px;margin:8px auto 0;font-size:17px;font-weight:500;color:var(--ink)}.section-head.dark h2{text-shadow:0 3px 0 #d98c2a,0 6px 0 #c2791f,0 10px 16px rgba(80,50,10,.3)}.quest-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}.quest-filters button{font-family:var(--font-body);font-weight:700;font-size:14px;border:3px solid #e7cf9b;background:var(--cream);color:var(--ink-soft);padding:9px 16px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 4px #785c3c24;transition:transform .1s,background .15s,color .15s}.quest-filters button:active{transform:translateY(2px)}.quest-filters button.active{background:linear-gradient(180deg,#a7e06a,#7ec84a);border-color:#5aa33a;color:#355e1c;box-shadow:0 4px #4f942f}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.quest-card{background:var(--cream);border:4px solid #ecd6a4;border-radius:22px;padding:20px;box-shadow:0 8px #785c3c24,0 14px 26px #503c1e29;display:flex;flex-direction:column;gap:12px;transition:transform .14s ease,box-shadow .14s ease}.quest-card:hover{transform:translateY(-5px);box-shadow:0 13px #785c3c24,0 22px 34px #503c1e33}.quest-card .qc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.quest-card .qc-cat{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:var(--ink-soft);background:var(--cream-2);padding:5px 10px;border-radius:999px}.quest-card .qc-diff{font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#fff;padding:5px 10px;border-radius:999px}.quest-card h3{font-family:var(--font-display);font-weight:700;font-size:21px;margin:2px 0 0;color:var(--ink);line-height:1.1}.quest-card .qc-desc{font-size:14.5px;font-weight:500;color:var(--ink-soft);line-height:1.45;flex:1}.quest-card .qc-reward{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#fff2bf,#ffe7a0);border:2px dashed var(--bell-deep);border-radius:14px;padding:10px 14px}.quest-card .qc-reward img{width:24px;height:24px}.quest-card .qc-reward b{font-family:var(--font-display);font-size:19px;color:#8a5630}.quest-card .qc-reward span{font-size:12px;color:var(--ink-soft);margin-left:auto;font-weight:600}.quest-card .qc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.quest-card .qc-slots{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.bounty-note{text-align:center;margin-top:32px;font-weight:600;color:var(--ink);background:#fff8e8b3;display:inline-block;padding:10px 20px;border-radius:999px;font-size:14.5px}.bounty-note-wrap{text-align:center}.hunt-hud{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;background:var(--cream);border:4px solid #ecd6a4;border-radius:20px;padding:16px 22px;box-shadow:0 7px #785c3c21;margin-bottom:22px}.hud-stat{display:flex;flex-direction:column;gap:2px;min-width:78px}.hud-lbl{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft)}.hud-val{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink);display:flex;align-items:center;gap:5px;line-height:1}.hud-val small{font-size:15px;color:var(--ink-soft);font-weight:600}.hud-val.gold{color:var(--bell-deep)}.hud-progress{display:flex;flex-direction:column;gap:7px}.hud-bar{height:16px;background:var(--cream-2);border:2px solid #ecd6a4;border-radius:999px;overflow:hidden}.hud-bar-fill{height:100%;background:linear-gradient(90deg,#a7e06a,#ffd54a);border-radius:999px;transition:width .5s cubic-bezier(.3,1.3,.5,1)}.hud-progress-label{font-size:13px;font-weight:700;color:var(--ink-soft);text-align:center}@media (max-width: 760px){.hunt-hud{grid-template-columns:1fr 1fr;gap:14px}.hud-progress{grid-column:1 / -1;order:3}}.treasure-map{position:relative;width:100%;aspect-ratio:1000 / 400;background:radial-gradient(120% 120% at 50% 40%,#fcebc4,#f4d99f 70%,#ecc880);border:6px solid #d9b878;border-radius:26px;box-shadow:inset 0 0 0 3px #d9b87880,var(--panel-shadow);overflow:hidden}.treasure-map:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed rgba(150,110,60,.35);border-radius:16px;pointer-events:none}.map-compass{position:absolute;right:16px;bottom:12px;font-size:34px;opacity:.85;filter:drop-shadow(0 2px 2px rgba(120,90,40,.3))}.map-title{position:absolute;left:50%;top:12px;transform:translate(-50%);font-family:var(--font-display);font-weight:800;color:#a9803f;letter-spacing:1px;font-size:16px;opacity:.8}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trail-base{fill:none;stroke:#bd9152;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:.15 3.4}.trail-lit{fill:none;stroke:#ef9b2e;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:.15 3.4}.t-node{position:absolute;transform:translate(-50%,-50%);z-index:2}.t-node-dot{position:relative;width:58px;height:58px;border-radius:50%;border:4px solid #e7cf9b;background:linear-gradient(180deg,#fff8e8,#f6e6c0);display:grid;place-items:center;cursor:default;box-shadow:0 5px #785c3c2e;transition:transform .12s ease;padding:0}.chest-emoji{font-size:26px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.t-node-num{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#fff;border:2px solid #e7cf9b;font-family:var(--font-display);font-weight:800;font-size:12px;color:var(--ink-soft);display:grid;place-items:center}.t-node-info{position:absolute;top:66px;left:50%;transform:translate(-50%);width:140px;text-align:center;pointer-events:none}.t-node-info .t-node-claim{pointer-events:auto}.t-node-prize{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800;font-size:17px;color:#8a5630;background:#fff8e8d9;border-radius:999px;padding:2px 9px}.t-node-name{font-size:12px;font-weight:700;color:#7a5a32;margin-top:3px}.t-node-cta{font-size:12px;font-weight:800;color:#2f6d1c;margin-top:2px}.t-node-claim{font-size:12px;font-weight:800;color:#5aa33a;text-decoration:none}.t-node-claim:hover{text-decoration:underline}.t-node.found .t-node-dot{background:linear-gradient(180deg,#b6e88a,#8bd158);border-color:#5aa33a;box-shadow:0 5px #4f942f}.t-node.found .t-node-num{color:#2f6d1c;border-color:#8bd158}.t-node.active .t-node-dot{background:linear-gradient(180deg,#ffe88a,#ffcf45);border-color:#e0a32a;cursor:pointer;animation:nodePulse 1.4s ease-in-out infinite}.t-node.active .t-node-dot:hover{transform:scale(1.08)}.t-node.active .t-node-num{color:#7a4a1e;border-color:#e0a32a}.t-node.locked .t-node-dot{filter:grayscale(.5) brightness(.97);opacity:.8;cursor:not-allowed}.t-node.locked .t-node-name,.t-node.locked .t-node-prize{opacity:.7}.t-node.jackpot .t-node-dot{width:70px;height:70px}.t-node.jackpot .chest-emoji{font-size:32px}.t-node.jackpot.active .t-node-dot{box-shadow:0 0 0 6px #ffd54a59,0 5px #e0a32a}.t-node.jackpot .t-node-prize{font-size:19px}@keyframes nodePulse{0%,to{box-shadow:0 0 #f0a93a80,0 5px #e0a32a}50%{box-shadow:0 0 0 10px #f0a93a00,0 5px #e0a32a}}.treasure-list{display:none;flex-direction:column;gap:12px}.t-node.compact{position:static;transform:none;width:auto;display:flex;align-items:center;gap:14px;background:var(--cream);border:3px solid #ecd6a4;border-radius:16px;padding:12px 14px;box-shadow:0 5px #785c3c1f}.t-node.compact .t-node-dot{flex-shrink:0}.t-node.compact .t-node-info{position:static;transform:none;width:auto;text-align:left;pointer-events:auto;flex:1}.t-node.compact .t-node-prize{font-size:18px}.t-node.compact.active{border-color:#e0a32a}.t-node.compact.found{border-color:#8bd158}@media (max-width: 760px){.treasure-map{display:none}.treasure-list{display:flex}}.hunt-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:22px}.hunt-legend{display:flex;gap:16px;flex-wrap:wrap}.hunt-legend span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}.hunt-legend .dot{width:14px;height:14px;border-radius:50%;border:2px solid}.hunt-legend .dot.find{background:#8bd158;border-color:#5aa33a}.hunt-legend .dot.active{background:#ffcf45;border-color:#e0a32a}.hunt-legend .dot.lock{background:#d9ccb6;border-color:#b3a488}.hunt-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hunt-pool{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--ink);font-size:14px}.quest-card.active{border-color:#f0cd7a}.quest-card.done{border-color:#a7e06a}.qc-progress{height:10px;background:var(--cream-2);border-radius:999px;overflow:hidden;border:1px solid #ecd6a4}.qc-progress-fill{height:100%;background:linear-gradient(90deg,#a7e06a,#ffd54a);border-radius:999px;transition:width .4s ease}.q-pill{font-weight:800;font-size:11.5px;padding:5px 10px;border-radius:999px;white-space:nowrap}.q-pill.idle{background:var(--cream-2);color:var(--ink-soft)}.q-pill.active{background:#fff0c2;color:#a9701f;border:1px solid #f0cd7a}.q-pill.done{background:#d6f3b8;color:#3f7d24;border:1px solid #a7e06a}.wallet-btn-wrap{position:relative}.wallet-btn{font-family:var(--font-body);font-weight:800;font-size:13.5px;border:3px solid #cdb3e8;background:linear-gradient(180deg,#f3ecff,#e7d9fb);color:#6a4aa0;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 4px #785c3c24;white-space:nowrap}.wallet-btn:active{transform:translateY(2px);box-shadow:0 2px #785c3c24}.wallet-btn.connected{border-color:#8bd158;background:linear-gradient(180deg,#eafbe0,#d6f3b8);color:#3f7d24}.wallet-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--cream);border:3px solid #e7cf9b;border-radius:16px;box-shadow:var(--panel-shadow);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:40;min-width:160px}.wallet-menu button{background:none;border:none;text-align:left;font-family:var(--font-body);font-weight:700;font-size:13.5px;color:var(--ink);padding:9px 12px;border-radius:10px;cursor:pointer}.wallet-menu button:hover{background:var(--cream-2)}.qv-verify-box{background:#f3ecff;border:2px solid #d8c6f3;border-radius:14px;padding:11px 14px;font-size:13px;font-weight:600;color:#5a4488;line-height:1.45}.qv-verify-box code{background:#fff;border:1px solid #d8c6f3;border-radius:6px;padding:1px 6px;font-size:12px;color:#6a4aa0}.qv{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.qv-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.qv-canvas canvas{display:block}.qv-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;z-index:5}.qv-back,.qv-mapbtn{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border:3px solid #e7cf9b;border-radius:999px;padding:8px 16px;font-family:var(--font-display);font-weight:800;color:var(--ink);text-decoration:none;box-shadow:0 4px #785c3c29}.qv-tag{font-weight:700;font-size:13px;color:var(--ink-soft);background:#fff8e8b3;padding:6px 14px;border-radius:999px}@media (max-width: 620px){.qv-tag{display:none}}.qv-panel{position:absolute;top:50%;right:22px;transform:translateY(-50%);width:min(380px,88vw);background:var(--cream);border:4px solid #ecd6a4;border-radius:24px;padding:22px 24px;box-shadow:var(--panel-shadow);z-index:5;max-height:86vh;overflow-y:auto}@media (max-width: 740px){.qv-panel{top:auto;bottom:12px;right:50%;transform:translate(50%);width:92vw;max-height:60vh}}.qv-panel-head{display:flex;align-items:center;justify-content:space-between}.qv-cat{font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#5aa33a}.qv-diff{font-weight:800;font-size:11px;text-transform:uppercase;color:#fff;padding:5px 10px;border-radius:999px}.qv-title{font-family:var(--font-display);font-weight:800;font-size:28px;margin:8px 0 6px;color:var(--ink);line-height:1.05}.qv-analogy{font-size:14.5px;font-weight:600;color:var(--ink-soft);line-height:1.5;margin:0 0 14px}.qv-reward{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#fff2bf,#ffe7a0);border:2px dashed var(--bell-deep);border-radius:14px;padding:10px 14px;margin-bottom:14px}.qv-reward b{font-family:var(--font-display);font-size:20px;color:#8a5630}.qv-reward span{font-size:12px;color:var(--ink-soft);margin-left:auto;font-weight:600}.qv-steps{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.qv-step{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--ink-soft);opacity:.55}.qv-step.reached{opacity:1;color:var(--ink)}.qv-step.current{color:#a9701f}.qv-step-dot{color:#c9b48a;font-size:12px}.qv-step.reached .qv-step-dot{color:#7ec84a}.qv-step.current .qv-step-dot{color:#f0a93a}.qv-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px}.qv-progress-bar{flex:1;height:16px;background:var(--cream-2);border:2px solid #ecd6a4;border-radius:999px;overflow:hidden}.qv-progress-fill{height:100%;background:linear-gradient(90deg,#a7e06a,#ffd54a);border-radius:999px;transition:width .35s ease}.qv-progress-pct{font-weight:800;font-size:13px;color:var(--ink-soft);min-width:36px;text-align:right}.qv-slider{width:100%;margin:2px 0 16px;accent-color:#f0a93a;cursor:pointer}.qv-actions{display:flex;flex-direction:column;gap:10px}.qv-actions .btn{width:100%;justify-content:center}.qv-done-badge{text-align:center;font-family:var(--font-display);font-weight:800;color:#3f7d24;background:#d6f3b8;border:2px solid #a7e06a;border-radius:14px;padding:12px}.qv-reset{margin-top:12px;background:none;border:none;color:var(--ink-soft);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline;width:100%}.qv-hint{font-size:12.5px;color:var(--ink-soft);font-weight:500;line-height:1.5;margin:14px 0 0}.qv-missing{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:16px;text-align:center;background:linear-gradient(180deg,#8fd9ff,#d6f6ec)}.qv-missing h2{font-family:var(--font-display);color:var(--ink);margin:0}.island-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#8fd9ff,#d6f6ec)}.island-page canvas{display:block}.map-topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px}.map-back{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--cream);border:3px solid #e7cf9b;border-radius:999px;padding:8px 16px;font-family:var(--font-display);font-weight:800;color:var(--ink);box-shadow:0 4px #785c3c29}.map-level{display:flex;align-items:center;gap:10px;background:var(--cream);border:3px solid #e7cf9b;border-radius:999px;padding:7px 16px;box-shadow:0 4px #785c3c29}.lvl-badge{font-family:var(--font-display);font-weight:800;color:#8a5630;white-space:nowrap}.lvl-bar{width:110px;height:12px;background:var(--cream-2);border:2px solid #ecd6a4;border-radius:999px;overflow:hidden}.lvl-fill{height:100%;background:linear-gradient(90deg,#a7e06a,#ffd54a);transition:width .5s cubic-bezier(.3,1.3,.5,1)}.lvl-sub{font-size:12px;font-weight:700;color:var(--ink-soft);white-space:nowrap}@media (max-width: 720px){.lvl-bar,.lvl-sub{display:none}}.map-bells{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#fff2bf,#ffe27a);border:2px solid var(--bell-deep);color:#8a5630;font-weight:800;padding:7px 14px;border-radius:999px}.map-help{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;background:#fff8e8e6;border:2px solid #ecd6a4;border-radius:999px;padding:8px 16px;font-weight:600;font-size:13px;color:var(--ink);max-width:92vw}.map-resetview{background:var(--cream-2);border:2px solid #e7cf9b;border-radius:999px;padding:5px 12px;font-weight:700;font-size:12.5px;color:var(--ink);cursor:pointer}.map-panel{position:absolute;top:50%;left:22px;transform:translateY(-50%);z-index:6;width:min(340px,88vw);background:var(--cream);border:4px solid #ecd6a4;border-radius:22px;padding:20px 22px;box-shadow:var(--panel-shadow)}@media (max-width: 740px){.map-panel{top:auto;bottom:70px;left:50%;transform:translate(-50%);width:92vw}}.map-panel-x{position:absolute;top:12px;right:14px;background:none;border:none;font-size:18px;color:var(--ink-soft);cursor:pointer;font-weight:800}.map-panel h3{font-family:var(--font-display);font-size:22px;margin:6px 0;color:var(--ink);line-height:1.1}.map-analogy{font-size:13.5px;font-weight:600;color:var(--ink-soft);line-height:1.45;margin:0 0 12px}.map-status{margin:4px 0 14px;display:flex;align-items:center;gap:10px}.map-progress{flex:1;height:14px;background:var(--cream-2);border:2px solid #ecd6a4;border-radius:999px;overflow:hidden}.map-progress-fill{height:100%;background:linear-gradient(90deg,#a7e06a,#ffd54a);transition:width .35s ease}.ms-pct{font-weight:800;font-size:12.5px;color:var(--ink-soft)}.ms-done{font-weight:800;color:#3f7d24}.ms-idle{font-weight:700;color:var(--ink-soft)}.map-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.plot-sign{display:flex;flex-direction:column;align-items:center;line-height:1.15;font-family:var(--font-display);white-space:nowrap;text-align:center}.plot-sign b{font-size:12px;color:#5b4636}.plot-sign span{font-size:11px;font-weight:800}.lore-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:stretch}@media (max-width: 880px){.lore-grid{grid-template-columns:1fr}}.lore-card{padding:34px}.lore-card h3{font-family:var(--font-display);font-size:28px;margin:14px 0 10px;color:var(--ink)}.lore-card p{font-size:16px;line-height:1.6;color:var(--ink-soft);font-weight:500}.lore-card .tag{display:inline-block;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#5aa33a}.earn-list{display:grid;gap:14px}.earn-item{display:flex;gap:14px;align-items:center;background:var(--cream-2);border-radius:18px;padding:14px 16px;border:2px solid #f0dcae}.earn-item .emoji{font-size:30px;width:50px;height:50px;display:grid;place-items:center;background:#fff;border-radius:14px;border:2px solid #f0dcae;flex-shrink:0}.earn-item h4{margin:0 0 2px;font-family:var(--font-display);font-size:18px;color:var(--ink)}.earn-item p{margin:0;font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 720px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--cream);border:4px solid #ecd6a4;border-radius:20px;padding:22px 16px;text-align:center;box-shadow:0 7px #785c3c21}.stat .num{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,5vw,38px);color:var(--bell-deep)}.stat .lbl{font-weight:600;font-size:13.5px;color:var(--ink-soft);margin-top:2px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 820px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.steps{grid-template-columns:1fr}}.step{background:var(--cream);border:4px solid #ecd6a4;border-radius:20px;padding:24px 18px;box-shadow:0 7px #785c3c21;position:relative}.step .n{position:absolute;top:-16px;left:18px;width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(180deg,#ffe27a,#f5b53c);border:3px solid #d98c2a;border-radius:50%;font-family:var(--font-display);font-weight:800;color:#7a4a1e;box-shadow:0 4px #c2791f}.step h4{font-family:var(--font-display);font-size:19px;margin:12px 0 6px;color:var(--ink)}.step p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.5;margin:0}.ca-box{margin-top:30px;display:flex;align-items:center;gap:12px;background:var(--cream);border:4px solid #ecd6a4;border-radius:18px;padding:14px 16px;flex-wrap:wrap;box-shadow:0 7px #785c3c21}.ca-box .ca-label{font-weight:800;color:var(--ink-soft);font-size:13px}.ca-box code{font-family:SFMono-Regular,ui-monospace,monospace;font-size:13.5px;color:var(--ink);background:var(--cream-2);padding:8px 12px;border-radius:10px;flex:1;min-width:200px;overflow-x:auto;white-space:nowrap}.footer{text-align:center;padding:70px 16px 90px;position:relative;z-index:2}.footer .foot-card{padding:40px 30px;max-width:640px;margin:0 auto}.footer h3{font-family:var(--font-display);font-size:30px;margin:10px 0 6px;color:var(--ink)}.footer p{color:var(--ink-soft);font-weight:500;margin:0 auto 22px;max-width:440px}.footer .socials{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer .fine{margin-top:28px;font-size:12.5px;color:var(--ink-soft);font-weight:500;line-height:1.5}.bell-pop{position:fixed;z-index:40;pointer-events:none;font-family:var(--font-display);font-weight:800;color:#8a5630;text-shadow:0 2px 0 #fff;animation:bellPop 1s ease-out forwards;display:flex;align-items:center;gap:4px}.bell-pop img{width:22px;height:22px}@keyframes bellPop{0%{transform:translateY(0) scale(.6);opacity:0}20%{transform:translateY(-10px) scale(1.1);opacity:1}to{transform:translateY(-70px) scale(1);opacity:0}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(120px);z-index:45;background:var(--cream);border:3px solid #ecd6a4;border-radius:16px;padding:12px 20px;box-shadow:var(--panel-shadow);font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.2,1.4,.4,1);max-width:90vw}.toast.show{transform:translate(-50%) translateY(0)}.toast img{width:22px;height:22px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.hero .scroll-hint,.scene-loader .bell-spin{animation:none}}