:root{--bg: #f7f3ec;--ink: #3a2e26;--accent: #8c5a3b;--paper: #fffdf8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Noto Sans JP,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased}.scaffold{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.scaffold__card{background:var(--paper);border:1px solid rgba(58,46,38,.12);border-radius:16px;padding:40px 32px;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 30px #3a2e2614}.scaffold__eyebrow{letter-spacing:.18em;font-size:12px;color:var(--accent);margin:0 0 8px}.scaffold__title{font-size:22px;margin:0 0 20px}.scaffold__note{font-size:15px;margin:0 0 4px}.scaffold__sub{font-size:13px;color:#3a2e2699;margin:0}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#f7f3eceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(58,46,38,.12)}.lang-switch{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid rgba(58,46,38,.2);border-radius:999px;padding:6px 12px}.lang-switch__globe{font-size:15px}.lang-switch__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:15px;color:var(--ink);cursor:pointer;padding-right:4px}.lang-switch__select:focus{outline:none}.emergency-btn{display:inline-flex;align-items:center;gap:6px;background:#b23b2e;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;white-space:nowrap}.emergency-btn:active{opacity:.85}.mode-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid rgba(58,46,38,.2);border-radius:8px;font-size:15px;line-height:1;padding:5px 9px;cursor:pointer;white-space:nowrap}.mode-btn__label{font-size:12px;color:#3a2e26cc}.mode-btn--silent{opacity:.6}.mode-btn:active{transform:scale(.95)}.startup__start{display:flex;flex-direction:column;gap:10px;margin-top:8px}.start-btn{width:100%;justify-content:center;text-align:center}.toast{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-16px);max-width:min(560px,calc(100% - 24px));z-index:50;background:#3a2e26f2;color:#f7f3ec;font-size:14px;line-height:1.6;padding:12px 16px;border-radius:12px;box-shadow:0 6px 20px #00000040;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.screen{max-width:720px;margin:0 auto;padding:24px 20px 48px;min-height:100%}.loading{display:flex;align-items:center;justify-content:center;color:#3a2e2699}.primary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--ink);color:#fff;font-size:17px;font-weight:600;padding:16px 24px;border-radius:12px;cursor:pointer;width:100%;transition:opacity .15s ease}.primary-btn:active{opacity:.8}.ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);color:var(--ink);border:1px solid rgba(58,46,38,.2);border-radius:10px;padding:12px 16px;font-size:15px;cursor:pointer}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--accent);font-size:15px;cursor:pointer;padding:8px 4px}.startup__greet{display:flex;justify-content:center;margin:6px 0 2px}.startup__eyebrow{letter-spacing:.18em;font-size:12px;color:var(--accent);margin:8px 0 4px;text-align:center}.startup__title{font-size:22px;text-align:center;margin:0 0 28px}.startup__section{margin-bottom:28px}.startup__label{font-size:15px;font-weight:600;margin:0 0 12px}.lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);border:1.5px solid rgba(58,46,38,.18);border-radius:12px;padding:16px 12px;font-size:16px;cursor:pointer;transition:all .15s ease}.lang-btn.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.course-grid{display:grid;gap:12px}.course-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;background:var(--paper);border:1.5px solid rgba(58,46,38,.18);border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.course-btn.is-active{border-color:var(--accent);background:#fbf4ec}.course-btn__name{font-size:17px;font-weight:700}.course-btn__desc{font-size:13px;color:#3a2e26a6}.home__title{font-size:20px;margin:4px 0 20px}.chapter{margin-bottom:24px}.chapter__title{font-size:16px;font-weight:700;padding-bottom:6px;border-bottom:2px solid rgba(140,90,59,.3);margin:0 0 10px}.scene-list{list-style:none;margin:0;padding:0}.scene-list li{margin-bottom:8px}.scene-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;background:var(--paper);border:1px solid rgba(58,46,38,.14);border-radius:10px;padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.scene-item__title{font-size:16px}.scene-item.is-disabled{opacity:.45;cursor:not-allowed}.scene-item__badges{display:flex;gap:6px;flex-shrink:0}.badge{font-size:11px;padding:3px 8px;border-radius:999px;white-space:nowrap}.badge--standard{background:#efe3d3;color:#7a5533}.badge--hub{background:#e3ebe5;color:#3f6b52}.badge--phone{background:#e5e2ef;color:#4a4270}.player__chapter{font-size:12px;letter-spacing:.1em;color:var(--accent);margin-bottom:4px}.player__title{font-size:22px;margin:0 0 16px}.photo-frames{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.photo-frame{aspect-ratio:4 / 3;background:repeating-linear-gradient(45deg,#efe9df,#efe9df 10px,#e8e1d5 10px,#e8e1d5 20px);border:1px dashed rgba(58,46,38,.25);border-radius:8px;display:flex;align-items:center;justify-content:center}.photo-frame__label{font-size:12px;color:#3a2e2680}.scene-image{width:100%;max-width:100%;height:auto;border-radius:8px;display:block}.photo-frames>.scene-image,.photo-frames>.ngok{grid-column:1 / -1}.photo-frames--accent{margin-bottom:10px}.photo-frames--accent>.scene-image{max-width:200px;margin:0 auto}.photo-frames:not(.photo-frames--accent)>.scene-image,.photo-frames:not(.photo-frames--accent)>.ngok{max-width:460px;margin-left:auto;margin-right:auto}.photo-frames>.scene-image.scene-image--cell{grid-column:auto;max-width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:8px;background:#3a2e260a}.autoadv{display:flex;align-items:center;gap:12px;margin:0 0 16px}.autoadv__track{flex:1;height:5px;background:#3a2e261f;border-radius:3px;overflow:hidden}.autoadv__bar{height:100%;width:0;background:var(--accent);animation-name:autoadv-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes autoadv-fill{0%{width:0}to{width:100%}}.autoadv__btn{flex:0 0 auto;font-size:13px;padding:6px 14px;border-radius:8px;border:1.5px solid rgba(58,46,38,.28);background:transparent;color:var(--ink);cursor:pointer}.player__progress{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:8px}.ngok{position:relative}.ngok__item{position:relative;transition:opacity .4s ease}.ngok__item.is-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.ngok__badge{position:absolute;top:10px;right:10px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;box-shadow:0 2px 8px #00000040}.ngok__badge--ng{background:#c83228eb}.ngok__badge--ok{background:#28965aeb}.ngok--stacked{display:grid;gap:8px}.ngok__surprise{position:absolute;right:3%;bottom:3%;width:26%;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.28));transform-origin:70% 90%;animation:tanuki-startle .7s ease-out 1}@keyframes tanuki-startle{0%{transform:scale(.55) rotate(0);opacity:.3}15%{transform:scale(1.22) rotate(-7deg);opacity:1}32%{transform:scale(.98) rotate(6deg)}50%{transform:rotate(-4deg)}68%{transform:rotate(3deg)}84%{transform:rotate(-1.5deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.ngok__surprise{animation:none;opacity:1;transform:none}}.player__subtitle{font-size:17px;line-height:1.8;margin:0 0 20px;white-space:pre-line}.map-links{display:flex;flex-direction:column;gap:10px;margin:2px 0 20px}.map-btn{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--accent);color:#fff;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600}.map-btn:active{transform:scale(.99)}.player__controls{display:flex;gap:10px;margin-bottom:24px}.player__controls .ghost-btn{flex:1}.player__nav{display:flex;align-items:center;gap:12px}.player__nav .primary-btn{flex:1;width:auto}.player__prev{flex:0 0 auto;white-space:nowrap}.player__prev:disabled{opacity:.35;cursor:default}.wait{display:flex;align-items:center;justify-content:center}.wait__inner{text-align:center;max-width:360px}.wait__mark{font-size:48px;margin-bottom:8px}.wait__tanuki{display:flex;justify-content:center;margin:0 auto 16px}.wait__character{width:140px;height:140px;margin:0 auto 16px;border:2px dashed rgba(58,46,38,.25);border-radius:16px;display:flex;align-items:center;justify-content:center;transform-origin:50% 90%;animation:wait-sway 2.4s ease-in-out infinite}.wait__character-label{font-size:12px;color:#3a2e2666}.wait__character--img{width:200px;height:200px;border:none;background:none;object-fit:contain}@keyframes wait-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.wait__character{animation:none}}.tanuki{display:block;object-fit:contain;margin:0 auto}.tanuki--sm{width:96px;height:96px}.tanuki--md{width:170px;height:170px}.tanuki--lg{width:230px;height:230px}.tanuki--xl{width:414px;height:414px}.tanuki--flip{position:relative}.tanuki--flip .tanuki__frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.tanuki--flip .tanuki__frame.is-hidden{opacity:0}.tanuki--walk{position:relative;overflow:visible}.tanuki--walk .tanuki__walker{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 92%;animation:tanuki-walk .44s ease-in-out infinite}@keyframes tanuki-walk{0%{transform:translateY(0) rotate(-2.5deg) scaleY(.99)}25%{transform:translateY(-9px) rotate(0) scaleY(1.02)}50%{transform:translateY(0) rotate(2.5deg) scaleY(.99)}75%{transform:translateY(-9px) rotate(0) scaleY(1.02)}to{transform:translateY(0) rotate(-2.5deg) scaleY(.99)}}.tanuki--walk .tanuki__dust{position:absolute;bottom:3%;left:50%;width:15%;height:8%;border-radius:50%;background:radial-gradient(ellipse at center,#96826980,#96826900 70%);opacity:0;pointer-events:none}.tanuki--walk .tanuki__dust--l{margin-left:-24%;animation:tanuki-dust .44s ease-out infinite}.tanuki--walk .tanuki__dust--r{margin-left:9%;animation:tanuki-dust .44s ease-out infinite;animation-delay:-.22s}@keyframes tanuki-dust{0%{opacity:0;transform:translateY(0) scale(.4)}12%{opacity:.5;transform:translateY(0) scale(.7)}55%{opacity:0;transform:translateY(-30%) scale(1.3)}to{opacity:0;transform:translateY(-30%) scale(1.3)}}.tanuki--corner{position:absolute;right:12px;bottom:12px;margin:0;opacity:.95}@media(prefers-reduced-motion:reduce){.tanuki--walk .tanuki__walker{animation:none}.tanuki--walk .tanuki__dust{display:none}}.player{position:relative}.scene-mascot{display:flex;justify-content:center;margin:2px 0 -2px}.scene-mascot__inner{position:relative;display:inline-block}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:2}.confetti__piece{position:absolute;top:-24px;border-radius:1px;will-change:transform,opacity;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.35,.1,.5,1);animation-iteration-count:1;animation-fill-mode:both}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}8%{opacity:1}to{transform:translate(var(--drift, 0),340px) rotate(var(--rot, 360deg));opacity:0}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}.scene-mascot--corner{position:absolute;right:8px;bottom:64px;margin:0;z-index:2;pointer-events:none}.wait__title{font-size:22px;margin:0 0 12px}.wait__body{font-size:15px;line-height:1.7;color:#3a2e26b3;margin:0 0 28px}.home__staff{margin-top:12px;text-align:center;border-top:1px dashed rgba(58,46,38,.15);padding-top:12px}.staff__title{font-size:20px;margin:8px 0 16px}.check-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:12px;margin-bottom:10px;border:1.5px solid transparent}.check-card.is-ok{background:#e6f0e8;border-color:#4f8a63}.check-card.is-ng{background:#f6e7e3;border-color:#b23b2e}.check-card__label{font-size:15px;font-weight:600}.check-card__value{font-size:18px;font-weight:700}.staff__meta{list-style:none;padding:0;margin:16px 0 20px;font-size:13px;color:#3a2e26b3}.staff__meta li{padding:3px 0}.missing{margin-top:20px}.missing__title{font-size:15px;color:#b23b2e;margin:0 0 8px}.missing__list{font-size:13px;color:#3a2e26bf;padding-left:18px;margin:0}.hub__prompt{font-size:15px;color:var(--accent);margin:4px 0 12px}.hub__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.hub__card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid rgba(58,46,38,.15);border-radius:12px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.hub__card:active{transform:scale(.97)}.hub__card:hover{box-shadow:0 4px 14px #3a2e261f}.hub__card-img{width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:8px}.hub__card-name{font-size:15px;font-weight:600}.hub__shop{border-top:1px solid rgba(58,46,38,.15);margin-top:4px;padding-top:16px;margin-bottom:20px}.hub__shop-title{font-size:16px;margin:0 0 10px}.hub__shop-body{display:flex;flex-direction:column;align-items:center;gap:14px}.hub__shop-qr{width:240px;height:240px;flex:none;background:#fff;border:1px solid rgba(58,46,38,.15);border-radius:12px;padding:8px;image-rendering:pixelated}.hub__shop-text{display:flex;flex-direction:column;gap:10px;width:100%}.hub__shop-scan{font-size:14px;color:#3a2e26bf;margin:0;text-align:center}.hub__shop-btn{align-self:stretch}.staff__settings{border-top:1px solid rgba(58,46,38,.15);margin-top:18px;padding-top:14px;display:flex;flex-direction:column;gap:8px}.staff__settings-title{font-size:15px;margin:0}.staff__settings-now{font-size:14px;margin:0 0 4px}@media(min-width:768px){.lang-grid{grid-template-columns:repeat(3,1fr)}.photo-frames,.hub__grid{grid-template-columns:repeat(4,1fr)}.hub__shop-body{flex-direction:row;align-items:center;gap:24px}.hub__shop-qr{width:280px;height:280px}.hub__shop-scan{text-align:left;font-size:15px}.hub__shop-text{width:auto;flex:1}}.waiver{padding-bottom:40px}.waiver__title{font-size:20px;margin:8px 0 12px}.waiver__draft{background:#b23b2e;color:#fff;font-weight:700;padding:8px 12px;border-radius:6px;margin:8px 0;text-align:center}.waiver__text{max-height:40vh;overflow-y:auto;background:var(--paper);border:1px solid rgba(58,46,38,.18);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.7}.waiver__text p{margin:0 0 8px}.waiver__meta{font-size:12px;color:#3a2e2699;margin:6px 0 14px}.waiver__field{display:block;margin:12px 0}.waiver__field>span{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.waiver__field input{width:100%;box-sizing:border-box;font-size:16px;padding:10px 12px;border:1px solid rgba(58,46,38,.3);border-radius:6px;background:#fff}.waiver__ages{border:1px solid rgba(58,46,38,.2);border-radius:8px;padding:10px 14px;margin:14px 0}.waiver__ages legend{font-size:14px;font-weight:600;padding:0 6px}.waiver__radio,.waiver__check{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:15px}.waiver__radio input,.waiver__check input{width:22px;height:22px;flex:none}.waiver__notice{background:#b23b2e14;border-left:4px solid #b23b2e;padding:10px 12px;border-radius:4px;font-size:14px;line-height:1.6;margin:12px 0}.waiver__error{color:#b23b2e;font-size:14px;margin:10px 0}.waiver__actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.waiver__done{text-align:center;padding:40px 0 20px}.waiver__done-mark{font-size:56px;color:#2f7d4f;margin:0}.waiver__done-text{font-size:20px;font-weight:700;margin:6px 0 0}.staff__waiver{border-top:1px solid rgba(58,46,38,.15);margin-top:18px;padding-top:14px;display:flex;flex-direction:column;gap:8px}.staff__waiver-count{font-size:14px;margin:0 0 4px}.staff__waiver-msg{font-size:13px;margin:0 0 4px;padding:6px 8px;background:#3a2e260f;border-radius:6px;word-break:break-all}