*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif;background:#cfe6dd;color:#2c6475;user-select:none;-webkit-user-select:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%}.hidden{display:none!important}.chip{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:8px 18px;font-size:14px;font-weight:800;color:#35606e;box-shadow:0 2px 10px #1e3c502e;z-index:5;white-space:nowrap}.chip.guide{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);font-weight:700;font-size:13.5px;color:#4c6a74;max-width:88vw;white-space:normal;text-align:center}#compass{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);right:12px;width:42px;height:42px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;font-size:15px;font-weight:800;color:#2c6475;box-shadow:0 2px 10px #1e3c502e;z-index:5}#geo-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;display:flex;align-items:center;gap:5px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#7c8a80;border:none;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;box-shadow:0 2px 10px #1e3c502e;z-index:5;cursor:pointer}#geo-btn.on{color:#fff;background:#3aa5c9}#geo-btn:active{transform:scale(.95)}#stick{position:fixed;left:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 44px);width:108px;height:108px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;touch-action:none;display:grid;place-items:center}#invertx-btn{position:fixed;left:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 160px);z-index:6;font:700 12px/1 system-ui,sans-serif;color:#35606e;background:#ffffffd1;border:1.5px solid rgba(120,160,175,.5);border-radius:999px;padding:7px 12px;box-shadow:0 2px 8px #1e3c502e}#invertx-btn:before{content:"⇄ "}#invertx-btn.on{background:#4aa3bd;color:#fff;border-color:#4aa3bd}#stick .nub{width:48px;height:48px;border-radius:50%;background:#ffffffe6;box-shadow:0 3px 10px #1e3c504d;pointer-events:none}#codex-open{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 42px);display:flex;align-items:center;gap:6px;background:#fff;color:#2c6475;border:none;border-radius:18px;padding:12px 18px;font-size:15px;font-weight:800;box-shadow:0 4px 14px #1e3c5040;z-index:5;cursor:pointer}#codex-open:active{transform:scale(.96)}#codex-badge{background:#ffb347;color:#fff;border-radius:999px;font-size:12px;padding:1px 9px}#found-pop{position:fixed;pointer-events:none;z-index:20;transform:translate(-50%,-130%);background:#fffffff2;border-radius:14px;padding:8px 14px;box-shadow:0 4px 16px #1e3c504d;text-align:center;opacity:0;transition:opacity .25s;max-width:70vw}#found-pop .fname{font-size:16px;font-weight:800;color:#275b6b}#found-pop .fvoice{font-size:11px;color:#ff8a5c;font-weight:800}#found-pop.show{opacity:1}#gauge{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:6}#gauge .ring{width:140px;height:140px;border-radius:50%;background:conic-gradient(#ffb347 calc(var(--p, 0) * 1turn),#ffffff73 0);-webkit-mask:radial-gradient(circle,transparent 56px,#000 57px);mask:radial-gradient(circle,transparent 56px,#000 57px);filter:drop-shadow(0 2px 8px rgba(30,60,80,.35))}#gauge .gauge-label{position:absolute;margin-top:190px;font-size:15px;font-weight:800;color:#fff;background:#2c6475d9;border-radius:999px;padding:6px 16px}#toast{position:fixed;left:50%;transform:translate(-50%) translateY(8px);bottom:calc(env(safe-area-inset-bottom,0px) + 150px);background:#fffffff0;border-radius:14px;padding:10px 18px;font-size:14.5px;font-weight:800;color:#2c6475;box-shadow:0 4px 16px #1e3c504d;opacity:0;transition:opacity .25s,transform .25s;z-index:7;pointer-events:none;max-width:86vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.overlay{position:fixed;inset:0;background:#1432428c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:10;padding:16px}.modal-card{background:#fdf8ee;border-radius:20px;padding:26px 22px;max-width:420px;text-align:center;box-shadow:0 10px 40px #00000059}.modal-card h1{font-size:30px;line-height:1.2;color:#275b6b;letter-spacing:.06em}.modal-card h1 .sub{font-size:13px;color:#7c8a80;font-weight:700}.modal-card .lead{margin:14px 0 10px;font-size:15px;line-height:1.8;color:#35606e;font-weight:700}.modal-card p{font-size:14px;line-height:1.8;color:#4c6a74}.modal-card strong{color:#e8833c}.modal-card .fine{margin-top:14px;font-size:11.5px;line-height:1.7;color:#7b756a;text-align:left;background:#f3ecdc;border-radius:10px;padding:10px 12px}#start-btn,.card-close{margin-top:18px;background:#3aa5c9;color:#fff;border:none;border-radius:14px;padding:13px 44px;font-size:17px;font-weight:800;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 14px #1e3c5040}#start-btn:active,.card-close:active{transform:scale(.96)}.card-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.card-actions .card-close{margin-top:14px;padding:13px 24px}.card-share{margin-top:14px;background:#fff;color:#2f7d92;border:2px solid #7fc4d6;border-radius:14px;padding:11px 20px;font-size:15px;font-weight:800;letter-spacing:.04em;cursor:pointer}.card-share:active{transform:scale(.96)}.card-share:disabled{opacity:.6}#capture-card .card{position:relative;background:#fdf8ee;border-radius:22px;padding:24px 20px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 40px #00000059;animation:card-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes card-in{0%{transform:scale(.6) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.card-burst{position:absolute;inset:-30px;background:radial-gradient(circle,rgba(255,179,71,.4),transparent 60%);pointer-events:none;animation:burst 1s ease-out}@keyframes burst{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.card-art{width:180px;height:180px;filter:drop-shadow(0 6px 14px rgba(30,60,80,.25))}.card-name{font-size:24px;color:#275b6b;letter-spacing:.1em;margin-top:6px;font-weight:800}.card-rarity{margin-top:6px}.card-lore{font-size:13.5px;line-height:1.85;text-align:left;margin-top:12px;color:#5d6f75}.card-meta{font-size:11.5px;color:#9a917e;margin-top:10px}.rbadge{display:inline-block;font-size:11px;font-weight:800;color:#fff;border-radius:999px;padding:2px 10px}.rbadge.r-コモン{background:#8fbf6a}.rbadge.r-アンコモン{background:#9b7fd4}.rbadge.r-レア{background:#f0a63a}.rbadge.r-ひみつ{background:#3d4f8a}.lore-layer{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f2f8f4;text-align:left}.lore-layer.deep{background:#f0eefa}.lore-layer.locked{background:#f3f3f0;opacity:.75}.lore-layer.locked p{color:#98a49e;font-weight:700}.lore-layer .layer-tag{display:block;font-size:11.5px;font-weight:800;color:#4a8a7a;margin-bottom:4px}.lore-layer.deep .layer-tag{color:#6a5aa8}.lore-layer p{font-size:13px;line-height:1.85;color:#5d6f75;margin:0}.obs-stars{display:block;font-size:10px;color:#f0a63a;letter-spacing:1px}.shiny-mark{color:#d4900a;font-weight:800;font-size:12px;text-shadow:0 0 6px rgba(255,214,120,.8)}.combo-tag{color:#e8622a;font-weight:800;font-size:12px}.unlock-tag,.again-note{display:block;font-size:12px;font-weight:800;color:#4a8a7a;margin:4px 0 6px}.again-note{color:#93a1a7;margin-top:8px;font-weight:700}.codex-cell.secret .secret-art{width:64px;height:64px;margin:0 auto;border-radius:50%;background:#2e3a5c;color:#cfd8f2;font-size:30px;font-weight:800;display:grid;place-items:center}.codex-cell.secret{border:1.5px dashed #9aa8cc}#codex.hidden-codex{display:none}#codex.show{display:grid}.codex-panel{background:#fdf8ee;border-radius:20px;width:100%;max-width:520px;max-height:86vh;overflow-y:auto;padding:16px;box-shadow:0 10px 40px #00000059}.codex-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.codex-title{font-size:18px;font-weight:800;color:#2c6475}.codex-count{font-size:13px;color:#7c6a45;font-weight:700}.codex-close{border:none;background:#e8ddc6;border-radius:12px;padding:8px 14px;font-weight:800;color:#6b5a35;cursor:pointer;font-size:14px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.codex-cell{background:#fff;border:2px solid transparent;border-radius:14px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;transition:transform .1s;font-family:inherit}.codex-cell:active{transform:scale(.95)}.codex-cell .rbadge{position:absolute;top:4px;left:4px;font-size:9px;padding:1px 6px}.codex-cell img{width:64px;height:64px}.codex-cell.unknown img{filter:brightness(0) opacity(.28)}.cell-name{font-size:11.5px;font-weight:700;color:#4c6a74;margin-top:2px}.codex-cell.unknown .cell-name{color:#b6b0a2}.cell-hint{font-size:9px;color:#b6a988;line-height:1.3;margin-top:1px;min-height:12px}.codex-detail{display:none;margin-top:14px;background:#fff;border-radius:16px;padding:14px;text-align:center}.codex-detail.show{display:block}.codex-detail img{width:150px;height:150px}.codex-detail h3{font-size:17px;font-weight:800;color:#275b6b;margin-top:4px;letter-spacing:.06em}.detail-voice{font-size:12px;color:#ff8a5c;font-weight:800;margin-top:2px}.codex-detail .lore{font-size:13px;color:#5d6f75;margin-top:8px;line-height:1.7;text-align:left;padding:0 6px}.codex-detail .meta{font-size:11px;color:#9a917e;margin-top:10px}.codex-detail .hint-lore{font-size:13.5px;line-height:2;color:#7c8a80;font-weight:700;padding:24px 0}.tap-ripple{position:fixed;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgba(255,255,255,.9);border-radius:50%;pointer-events:none;z-index:6;animation:tap-rip .45s ease-out forwards}@keyframes tap-rip{0%{transform:scale(.5);opacity:1}to{transform:scale(3.2);opacity:0}}#footer{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:5px 10px calc(env(safe-area-inset-bottom,0px) + 5px);background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;color:#7b756a;font-weight:700;z-index:4;pointer-events:none}