:root{--stage-primary: #7a1f24;--stage-secondary: #d98324;--stage-accent: #f2c14e;--stage-background: #2b1a17;--color-bg: var(--stage-background);--color-bg-soft: #3a2521;--color-panel: rgba(255, 248, 238, .94);--color-panel-border: rgba(122, 31, 36, .22);--color-ink: #2c1e18;--color-ink-soft: #6b564c;--color-ink-invert: #fff8ee;--color-primary: var(--stage-primary);--color-secondary: var(--stage-secondary);--color-accent: var(--stage-accent);--color-good: #3f7d4e;--color-danger: #c0392b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .18);--shadow-card: 0 10px 28px rgba(0, 0, 0, .22);--font-base: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-display: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Shippori Mincho", serif;--fs-title: clamp(1rem, 2.6vw, 1.4rem);--fs-body: clamp(.8rem, 2.4vw, .95rem);--fs-score: clamp(1rem, 3.4vw, 1.38rem);--panel-width: 340px;--gap: 14px;--tap-size: 44px;--stage-aspect: 480 / 720;--amb-deep: #221310;--amb-mid: #3a2018;--amb-glow: rgba(255, 176, 92, .2);--amb-glow-2: rgba(226, 108, 62, .18);--amb-river: rgba(255, 214, 150, .1)}html[data-time=dusk]{--amb-deep: #2a1512;--amb-mid: #4a251c;--amb-glow: rgba(255, 176, 92, .22);--amb-glow-2: rgba(226, 108, 62, .2);--amb-river: rgba(255, 205, 140, .12)}html[data-time=evening]{--amb-deep: #1d1220;--amb-mid: #35202e;--amb-glow: rgba(255, 186, 108, .19);--amb-glow-2: rgba(126, 92, 170, .2);--amb-river: rgba(255, 198, 132, .11)}html[data-time=night]{--amb-deep: #100d19;--amb-mid: #1e1b2d;--amb-glow: rgba(255, 198, 122, .16);--amb-glow-2: rgba(78, 122, 168, .22);--amb-river: rgba(190, 214, 255, .1)}html[data-time=deepnight]{--amb-deep: #07070f;--amb-mid: #12131f;--amb-glow: rgba(255, 190, 116, .12);--amb-glow-2: rgba(58, 92, 140, .2);--amb-river: rgba(168, 198, 255, .08)}html[data-time=dawn]{--amb-deep: #1a1626;--amb-mid: #3d2c3a;--amb-glow: rgba(255, 214, 168, .2);--amb-glow-2: rgba(126, 152, 196, .2);--amb-river: rgba(255, 224, 190, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background-color:var(--amb-deep);color:var(--color-ink-invert);font-family:var(--font-base);font-size:16px;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{background-image:radial-gradient(60% 34% at 10% 4%,var(--amb-glow),transparent 72%),radial-gradient(56% 32% at 90% 2%,var(--amb-glow-2),transparent 74%),radial-gradient(130% 42% at 50% 104%,var(--amb-river),transparent 72%),linear-gradient(180deg,var(--amb-deep) 0%,var(--amb-mid) 54%,var(--amb-deep) 100%),repeating-linear-gradient(120deg,rgba(255,255,255,.02) 0 2px,transparent 2px 9px);background-attachment:fixed;background-repeat:no-repeat;transition:background-color .9s ease}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img{display:block;max-width:100%}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:var(--gap);padding:clamp(8px,2vw,18px);padding-bottom:max(clamp(8px,2vw,18px),env(safe-area-inset-bottom));max-width:1440px;margin:0 auto;width:100%}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px clamp(10px,1.8vw,16px) 8px;border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 92%,#000 8%),color-mix(in srgb,var(--color-primary) 72%,#000 28%));box-shadow:var(--shadow-card);position:relative;overflow:hidden}.app-header:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:repeating-linear-gradient(90deg,var(--color-accent) 0 26px,var(--color-ink-invert) 26px 52px);opacity:.75}.brand{display:flex;flex-direction:column;gap:0;min-width:0}.brand__title{font-family:var(--font-display);font-size:var(--fs-title);font-weight:700;letter-spacing:.06em;line-height:1.2;color:var(--color-ink-invert);text-shadow:0 2px 0 rgba(0,0,0,.28);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand__subtitle{font-size:.66rem;line-height:1.2;letter-spacing:.12em;color:color-mix(in srgb,var(--color-accent) 82%,#fff 18%)}.brand__noren{position:absolute;inset:0 auto 0 -40px;width:30px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 10px,transparent 10px 20px)}.stat-group{display:flex;gap:8px;align-items:stretch}.stat{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;padding:2px 10px;min-width:70px;border-radius:var(--radius-sm);background:#00000038}.stat__label{font-size:.58rem;letter-spacing:.1em;color:color-mix(in srgb,var(--color-accent) 90%,#fff 10%)}.stat__value{font-size:var(--fs-score);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat__value--sub{font-size:calc(var(--fs-score) * .78);opacity:.9}.stat--combo[data-active=true]{background:color-mix(in srgb,var(--color-secondary) 70%,#000 30%);animation:combo-pulse .45s ease-out}.stat__value--combo:after{content:" 連鎖";font-size:.6rem;letter-spacing:.1em;opacity:.8}@keyframes combo-pulse{0%{transform:scale(1.14)}to{transform:scale(1)}}.header-actions{display:flex;gap:8px}.btn{min-height:var(--tap-size);min-width:var(--tap-size);padding:8px 16px;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-pill);background:var(--color-panel);color:var(--color-ink);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .12s ease,filter .12s ease;touch-action:manipulation}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px) scale(.985)}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn--icon{padding:0;font-size:1.15rem;display:grid;place-items:center}.btn--primary{background:linear-gradient(180deg,var(--color-secondary),color-mix(in srgb,var(--color-secondary) 70%,#000 30%));color:var(--color-ink-invert);border-color:#0003}.btn--ghost{background:#ffffff24;color:var(--color-ink-invert)}.app-main{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-width);gap:var(--gap);align-items:start;flex:1;min-height:0}.stage-column{display:flex;flex-direction:column;gap:10px;min-width:0}.stage-frame{position:relative;width:100%;max-width:min(100%,560px);margin:0 auto;aspect-ratio:var(--stage-aspect);border-radius:var(--radius-lg);padding:8px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%),linear-gradient(180deg,#4a2a1c,#2f1a12 55%,#24140f);box-shadow:var(--shadow-card),inset 0 0 0 1px #ffd6a024;overflow:hidden}.stage-canvas{position:relative;width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;background:#120d16;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stage-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.stage-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stage-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#140a08b8;backdrop-filter:blur(3px);z-index:5;transition:opacity .18s ease}.stage-overlay[data-visible=false]{opacity:0;pointer-events:none;visibility:hidden}.stage-overlay__card{width:min(100%,380px);max-height:100%;overflow-y:auto;padding:14px;border-radius:var(--radius-lg);background:var(--color-panel);color:var(--color-ink);box-shadow:var(--shadow-card);text-align:center;display:flex;flex-direction:column;gap:10px}.stage-overlay__title{font-family:var(--font-display);font-size:clamp(1rem,4vw,1.35rem);letter-spacing:.04em;color:var(--color-primary)}.stage-overlay__body{font-size:clamp(.68rem,2.6vw,.85rem);color:var(--color-ink-soft);line-height:1.5;text-align:left}.stage-overlay__body ul{display:grid;gap:4px}.stage-overlay__body li:before{content:"・";color:var(--color-secondary);font-weight:700}.stage-overlay__body .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:center}.stage-overlay__body .result-grid div{background:#7a1f2414;border-radius:var(--radius-sm);padding:8px}.stage-overlay__body .result-grid b{display:block;font-size:1.2rem;color:var(--color-primary);font-variant-numeric:tabular-nums}.stage-overlay__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stage-overlay__share{margin:4px 0 0}.panel__note{margin:0 0 8px;font-size:.75rem;line-height:1.5;opacity:.75}.field--action{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.field__note{font-size:.75rem;opacity:.7;line-height:1.4}.tour-item[aria-disabled=true]{opacity:.55}.share-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.share-buttons__btn{padding:7px 12px;font-size:var(--fs-body)}.score-history{margin-top:8px;max-height:160px;overflow-y:auto;border-radius:var(--radius-md);background:#0000001f;padding:8px}.score-history__title{margin:0 0 8px;font-size:.7rem;color:var(--color-muted);text-align:center}.score-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.score-history__item{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:var(--radius-sm);background:#ffffff14;font-size:.72rem;color:var(--color-ink)}.score-history__score{font-weight:700;color:var(--color-primary)}.score-history__badge{color:gold;font-weight:700}@media (max-width: 480px){.share-buttons{gap:6px}.share-buttons__btn{padding:6px 10px;font-size:.8rem}}.side-panel{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.panel{border-radius:var(--radius-lg);padding:12px 14px;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-panel-border);box-shadow:var(--shadow-soft)}.panel__title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-display);font-size:.95rem;letter-spacing:.12em;color:var(--color-primary);margin-bottom:10px;padding-bottom:6px;border-bottom:2px dotted var(--color-panel-border)}.panel__hint{font-family:var(--font-base);font-size:.72rem;letter-spacing:.04em;color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.panel[data-visible=false]{display:none}.next-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.next-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:var(--radius-md);background:#7a1f240f;border:1px dashed var(--color-panel-border)}.next-card--current{background:color-mix(in srgb,var(--color-accent) 26%,#fff 74%);border-style:solid}.next-card__caption{font-size:.62rem;letter-spacing:.16em;color:var(--color-ink-soft);font-weight:700}.next-card__icon{width:56px;height:56px}.next-card__name{font-size:.75rem;font-weight:700;text-align:center;line-height:1.25}.evolution-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.evolution-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:var(--radius-md);background:#0000000a;border:1px solid transparent;transition:opacity .2s ease,transform .2s ease}.evolution-item[data-unlocked=false]{opacity:.34;filter:grayscale(.85)}.evolution-item[data-unlocked=true]{background:color-mix(in srgb,var(--color-accent) 22%,#fff 78%);border-color:color-mix(in srgb,var(--color-secondary) 45%,#fff 55%)}.evolution-item[data-just-unlocked=true]{animation:pop-in .45s ease-out}.evolution-item[data-reward=available]{cursor:pointer;border-color:var(--color-secondary);box-shadow:inset 0 0 0 1px var(--color-secondary)}.evolution-item[data-reward=available]:hover,.evolution-item[data-reward=available]:focus-visible{transform:translateY(-2px);background:color-mix(in srgb,var(--color-secondary) 24%,#fff 76%)}.evolution-item__reward{font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-secondary);color:#fff;letter-spacing:.04em;white-space:nowrap}@keyframes pop-in{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.evolution-item__icon{width:42px;height:42px}.evolution-item__level{font-size:.6rem;font-weight:700;letter-spacing:.06em;color:var(--color-primary);background:color-mix(in srgb,var(--color-accent) 40%,#fff 60%);border-radius:var(--radius-pill);padding:0 6px}.evolution-item__name{font-size:.66rem;line-height:1.2;text-align:center;color:var(--color-ink)}.evolution-item__lock{font-size:.58rem;color:var(--color-ink-soft)}.help-list{display:grid;gap:5px;font-size:.76rem;line-height:1.55;color:var(--color-ink-soft)}.help-list b{color:var(--color-primary)}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}.modal[data-visible=false]{display:none}.modal__backdrop{position:absolute;inset:0;background:#0f0806a8}.modal__card{position:relative;width:min(100%,420px);max-height:88vh;overflow-y:auto;border-radius:var(--radius-lg);background:var(--color-panel);color:var(--color-ink);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:14px}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal__title{font-family:var(--font-display);color:var(--color-primary);letter-spacing:.1em}.modal__body{display:grid;gap:14px}.field{display:grid;gap:6px}.field__label{font-size:var(--fs-body);font-weight:700;display:flex;justify-content:space-between;gap:8px}.field--switch{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:var(--tap-size)}.field--switch input{width:26px;height:26px;accent-color:var(--color-secondary)}.field input[type=range]{width:100%;height:var(--tap-size);accent-color:var(--color-secondary)}.modal__card--tips .modal__title{color:var(--color-primary)}.modal__card--tips .modal__body{gap:16px}.tips-area{margin:0;font-size:.86rem;color:var(--color-ink-soft)}.tips-body__text{margin:0;line-height:1.75}.tips-related{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);background:#0000000a}.tips-related__label{font-size:.84rem;color:var(--color-ink-soft)}.tips-related__icon{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--color-bg-soft)}.tips-related__name{font-weight:700;color:var(--color-ink)}.tips-map{justify-content:center;text-align:center;width:100%}.panel--tour{display:block}.panel--tour[data-visible=false]{display:none}.tour-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tour-item{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:var(--radius-md);background:#0000000a;border:1px solid transparent;transition:background .2s,transform .2s,border-color .2s}.tour-item:hover{background:#00000014}.tour-item[data-just-discovered=true]{animation:flash .5s ease}.tour-item[data-discovered=false]{filter:grayscale(.85);opacity:.7;cursor:pointer}.tour-item[data-discovered=false]:hover{border-color:var(--color-secondary);opacity:1}.tour-item__title{font-weight:700;color:var(--color-ink);font-size:.9rem}.tour-item__area{font-size:.75rem;color:var(--color-ink-soft)}@keyframes flash{0%{background:#f2c14e00}50%{background:#f2c14e73}to{background:#f2c14e00}}@media (min-width: 768px){.tour-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.tour-list{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-tour-active=true] .game-stage{box-shadow:0 0 0 2px #fff8ee1f,var(--shadow-soft)}.modal__note{font-size:.68rem;color:var(--color-danger);flex:1;min-width:140px}.reward-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.reward-icon{width:96px;height:96px;border-radius:var(--radius-lg);background:#0000000a;padding:4px}.reward-subtitle{font-size:.74rem;color:var(--color-secondary);font-weight:700;letter-spacing:.06em}.reward-headline{font-size:var(--fs-body);line-height:1.6;color:var(--color-ink)}.reward-area{font-size:.78rem;color:var(--color-ink-soft)}.reward-tip{font-size:.74rem;line-height:1.55;color:var(--color-ink-soft);padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 20%,#fff 80%);max-width:100%}.reward-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.app-footer{text-align:center;font-size:.66rem;letter-spacing:.04em;color:#fff8ee80}@media (max-width: 1023px){:root{--panel-width: 100%;--gap: 10px}.app-main{grid-template-columns:minmax(0,1fr)}.app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "stats stats";row-gap:6px}.brand{grid-area:brand}.stat-group{grid-area:stats;justify-content:space-between}.header-actions{grid-area:actions}.stat{flex:1;align-items:center;min-width:0}.stage-frame{max-width:min(100%,480px)}.evolution-list{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}}@media (max-width: 420px){:root{--gap: 8px}.brand__subtitle{display:none}.next-card__icon{width:46px;height:46px}.evolution-list{grid-template-columns:repeat(4,minmax(0,1fr))}.evolution-item__icon{width:34px;height:34px}.evolution-item__name{font-size:.58rem}.stage-controls .btn{flex:1}}@media (min-width: 1280px){:root{--panel-width: 380px;--gap: 18px}.stage-frame{max-width:min(100%,620px)}}@media (max-height: 680px){.stage-frame{width:auto;height:min(74dvh,560px);max-width:100%}}@media (max-height: 680px) and (orientation: landscape) and (min-width: 820px){.app-main{grid-template-columns:minmax(0,1fr) minmax(0,320px)}.stage-frame{height:min(82dvh,640px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.pwa-install-prompt{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--color-panel);color:var(--color-ink);box-shadow:var(--shadow-card);font-size:var(--fs-body);white-space:nowrap;transition:opacity .2s ease,transform .2s ease}.pwa-install-prompt[data-visible=false]{opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px)}.pwa-install-prompt__text{font-weight:700}.pwa-install-prompt__btn{padding:6px 14px;font-size:var(--fs-body)}.pwa-install-prompt__close{width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:.9rem;color:var(--color-muted)}@media (max-width: 480px){.pwa-install-prompt{left:12px;right:12px;transform:none;white-space:normal}.pwa-install-prompt[data-visible=false]{transform:translateY(20px)}}@media (prefers-reduced-motion: reduce){.pwa-install-prompt{transition:none}}