@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pacifico-latin-v23.woff2)format("woff2")}.podtown-page{--pt-ink:#2a2140;--pt-cream:#fff8ec;--pt-gold:#ffce5c;--pt-gold-deep:#f4b740;--pt-terra:#c0533a}.podtown-intro{text-align:center;max-width:560px;margin:4px auto 10px;padding:0 12px}.podtown-intro h1{color:#3a2f57;margin:8px 0 4px;font-size:1.3rem;font-weight:800}.podtown-intro p{color:#6a6088;margin:0;font-size:.86rem;line-height:1.6}.podtown-frame{--ink:#2a2140;--cream:#fff8ec;--gold:#ffce5c;--gold-deep:#f4b740;--terra:#c0533a;--font:"M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;width:min(680px,100%);height:min(82dvh,860px);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#2a2640;border-radius:18px;margin:16px auto;position:relative;overflow:hidden;box-shadow:0 12px 40px #28144647,0 0 0 4px #ffffff8c}.podtown-game{width:100%;height:100%}.podtown-frame canvas{display:block}.podtown-loading{z-index:50;background:var(--ink,#2a2640);color:var(--cream,#fff8ec);font-family:var(--font);opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .4s;display:flex;position:absolute;inset:0}.podtown-loading--fading{opacity:0;pointer-events:none}.podtown-loading-dots{gap:11px;display:flex}.podtown-loading-dots span{background:var(--gold,#ffce5c);border-radius:50%;width:13px;height:13px;animation:.9s ease-in-out infinite pt-loadbounce}.podtown-loading-dots span:nth-child(2){animation-delay:.15s}.podtown-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes pt-loadbounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-13px)}}.podtown-loading-label{letter-spacing:.04em;text-align:center;margin:0;font-size:.92rem;font-weight:400;line-height:1.7}@media (prefers-reduced-motion:reduce){.podtown-loading-dots span{animation:1.2s ease-in-out infinite pt-loadpulse}@keyframes pt-loadpulse{0%,to{opacity:.4}50%{opacity:1}}}@media (width<=1023px){.podtown-frame{width:100vw;max-width:none;height:calc(100svh - var(--header-height,60px));height:calc(100dvh - var(--header-height,60px));box-shadow:none;border-radius:0;margin:0 calc(50% - 50vw) -24px}}.podtown-frame .hud{pointer-events:none;font-family:var(--font);z-index:5;position:absolute;inset:0;overflow:hidden}.hud-audiobar{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.01em;white-space:nowrap;opacity:.95;z-index:9;background:#1e16348f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:7px 15px;font-size:.72rem;font-weight:600;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-audiobar.tappable{pointer-events:auto;cursor:pointer;background:#2c2046b8}.hud-audiobar-chev{opacity:.85;font-size:.6rem}.hud-audiolist{pointer-events:auto;-webkit-backdrop-filter:blur(10px);z-index:9;background:#140e24e0;border:1px solid #ffffff1f;border-radius:14px;width:min(330px,100% - 26px);max-height:46%;padding:8px;display:none;position:absolute;top:48px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 14px 40px #0000006b}.hud-audiorow{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px}.hud-audiorow:nth-child(odd){background:#ffffff0d}.hud-ar-name{color:#fdf6ea;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.74rem;font-weight:600;overflow:hidden}.hud-ar-ind{color:#8fe0a0;flex-shrink:0}.hud .bars{align-items:flex-end;gap:1.5px;height:11px;display:inline-flex}.hud .bars i{opacity:.22;background:currentColor;border-radius:1px;width:2.5px}.hud .bars i:first-child{height:4px}.hud .bars i:nth-child(2){height:6px}.hud .bars i:nth-child(3){height:8.5px}.hud .bars i:nth-child(4){height:11px}.hud [data-level="1"] .bars i:nth-child(-n+1),.hud [data-level="2"] .bars i:nth-child(-n+2),.hud [data-level="3"] .bars i:nth-child(-n+3),.hud [data-level="4"] .bars i:nth-child(-n+4){opacity:1}.hud-area{-webkit-backdrop-filter:blur(6px);color:#ffe9b0;letter-spacing:.02em;z-index:6;background:#1e16348c;border:1px solid #ffffff24;border-radius:999px;padding:4px 11px;font-size:.68rem;font-weight:700;position:absolute;top:52px;left:12px}.hud-nametags{pointer-events:none;position:absolute;inset:0}.hud-nametag{-webkit-backdrop-filter:blur(4px);letter-spacing:.02em;color:var(--gold);background:#1c1430cc;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:4px;padding:2px 9px 3px;font-size:.66rem;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 9px #0000004d}.hud-nt-name{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.hud-nt-ind{color:#ffe9b0;align-items:center;gap:3px;display:none}.hud-nametag:after{content:"";border:5px solid #0000;border-top-color:#1c1430cc;border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.hud-card{-webkit-backdrop-filter:blur(6px);border:1.5px solid var(--gold);text-align:center;pointer-events:auto;z-index:10;background:#1c1430eb;border-radius:13px;width:210px;max-width:70%;padding:8px 12px 10px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 22px #0006}.hud-card:after{content:"";border:7px solid #0000;border-top-color:var(--gold);border-bottom:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.hud-card-name{color:var(--gold);letter-spacing:.02em;font-size:.82rem;font-weight:700;line-height:1.25}.hud-card-ep{color:#fdf6ea;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:.74rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.hud-card-play{color:#fff;width:100%;font-family:var(--font);letter-spacing:.02em;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:linear-gradient(150deg,#ff9a76 0%,#e0603f 100%);border:none;border-radius:9px;margin-top:8px;padding:7px 8px;font-size:.76rem;font-weight:800;transition:transform 80ms,filter .12s;box-shadow:0 4px 12px #c0533a59}.hud-card-play:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.hud-card-play:hover{filter:brightness(1.06)}}.hud-listen,.hud-ambient{pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms,filter .12s;display:flex;position:absolute;right:16px;box-shadow:0 8px 20px #3c281452}.hud-listen{color:#ffffff80;filter:saturate(.5);background:#6c66808c;border:2px solid #ffffff52;width:68px;height:68px;bottom:92px}.hud-listen.ready{background:linear-gradient(150deg, #ffe08a 0%, var(--gold-deep) 100%);color:#5a3a12;filter:none;border-color:#ffffffd9;animation:.85s ease-in-out infinite pt-listenbeat}@keyframes pt-listenbeat{0%,to{transform:scale(1);box-shadow:0 8px 20px #f4b74066}50%{transform:scale(1.12);box-shadow:0 10px 26px #f4b740a6}}.hud-listen.listening{color:#fff;filter:none;background:linear-gradient(150deg,#ff9a76 0%,#e0603f 100%);border-color:#ffffffeb;animation:none;transform:scale(1);box-shadow:0 8px 22px #e0603f8c}.hud-ambient{-webkit-backdrop-filter:blur(6px);color:#fff;background:#1e163494;border:2px solid #ffffff73;flex-direction:column;gap:0;width:60px;height:60px;bottom:20px}.hud-listen:active,.hud-ambient:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.hud-listen:hover,.hud-ambient:hover{filter:brightness(1.06)}}.hud-ambient[data-on=true]{color:#103a1d;background:linear-gradient(150deg,#9ad7a0 0%,#4fae66 100%);border-color:#ffffffb3}.hud-ambient .slash,.hud-ambient[data-on=false] .waves{display:none}.hud-ambient[data-on=false] .slash{display:inline}.hud-ambient-state{letter-spacing:.06em;margin-top:2px;font-size:.5rem;font-weight:800;line-height:1}.hud-stick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:6;-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 42%,#3c325c80 0%,#1e163499 60%,#1610289e 100%);border:2px solid #ffffff47;border-radius:50%;width:124px;height:124px;position:absolute;bottom:20px;left:calc(50% - 62px);box-shadow:inset 0 2px 8px #00000073,inset 0 -2px 6px #ffffff1f,0 6px 16px #0000004d}.hud-stick:before{content:"";pointer-events:none;border:1.5px solid #ffffff24;border-radius:50%;position:absolute;inset:16px;box-shadow:inset 0 1px 4px #0000004d}.hud-stick-arrow{color:#ffffff73;pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;transition:color 80ms,transform 80ms,filter 80ms;display:flex;position:absolute}.hud-stick-arrow svg{width:13px;height:13px;display:block}.hud-stick-arrow.up{top:3px;left:50%;transform:translate(-50%)}.hud-stick-arrow.down{bottom:3px;left:50%;transform:translate(-50%)rotate(180deg)}.hud-stick-arrow.left{top:50%;left:3px;transform:translateY(-50%)rotate(270deg)}.hud-stick-arrow.right{top:50%;right:3px;transform:translateY(-50%)rotate(90deg)}.hud-stick-arrow.on{color:var(--gold);filter:drop-shadow(0 0 4px #ffce5ccc)}.hud-stick-arrow.up.on{transform:translate(-50%)scale(1.18)}.hud-stick-arrow.down.on{transform:translate(-50%)rotate(180deg)scale(1.18)}.hud-stick-arrow.left.on{transform:translateY(-50%)rotate(270deg)scale(1.18)}.hud-stick-arrow.right.on{transform:translateY(-50%)rotate(90deg)scale(1.18)}.hud-stick-knob{cursor:grab;pointer-events:none;background:radial-gradient(circle at 50% 34%,#fffdf7 0%,#fef6e6 42%,#e7dcc4 100%);border:1.5px solid #ffffffd9;border-radius:50%;width:54px;height:54px;margin-top:-27px;margin-left:-27px;transition:transform 40ms linear,box-shadow .1s,border-color .1s;position:absolute;top:50%;left:50%;box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -3px 5px #78644659,0 4px 10px #00000059}.hud-stick-knob:after{content:"";background:radial-gradient(circle at 50% 40%,#96825f40,#96825f0d);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px 2px #78644659}.hud-stick.dragging .hud-stick-knob{cursor:grabbing;border-color:var(--gold);box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -3px 5px #78644659,0 4px 12px #0006,0 0 0 2px #ffce5c8c}.hud-stick-hint{z-index:7;pointer-events:none;opacity:0;transition:opacity .32s;position:absolute;inset:0}.hud-stick-hint-spot{border-radius:50%;width:180px;height:180px;position:absolute;bottom:-8px;left:calc(50% - 90px);box-shadow:0 0 0 9999px #100c209e}.hud-stick-hint-ring{border:3px solid #ffce5ce6;border-radius:50%;width:150px;height:150px;animation:1.6s ease-out infinite pt-hint-ring;position:absolute;bottom:7px;left:calc(50% - 75px)}@keyframes pt-hint-ring{0%{opacity:0;transform:scale(.66)}40%{opacity:.9}to{opacity:0;transform:scale(1.16)}}.hud-stick-hint-finger{filter:drop-shadow(0 2px 3px #00000080);font-size:26px;animation:1.9s ease-in-out infinite pt-hint-finger;position:absolute;bottom:56px;left:calc(50% - 14px)}@keyframes pt-hint-finger{0%,to{transform:translate(0)}25%{transform:translate(15px,-13px)}50%{transform:translate(2px,2px)}75%{transform:translate(-14px,11px)}}.hud-stick-hint-label{text-align:center;color:#fff8ec;text-shadow:0 2px 6px #000000d9;width:132px;font-size:.82rem;font-weight:700;line-height:1.45;animation:1.6s ease-in-out infinite pt-hint-bob;position:absolute;bottom:158px;left:calc(50% - 66px)}@keyframes pt-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hud-paused{-webkit-backdrop-filter:blur(6px);color:#fff;letter-spacing:.02em;pointer-events:auto;cursor:pointer;z-index:7;background:#140e24d1;border:1px solid #fff3;border-radius:14px;padding:12px 20px;font-size:.85rem;font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000006b}.hud-start{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:20;background:radial-gradient(circle at 50% 32%,#3c2c608c,#140e24e0);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:absolute;inset:0}.hud-start-title{font-family:"Pacifico", var(--font);color:var(--gold);text-shadow:0 3px #0000002e,0 0 22px #ffce5c59;letter-spacing:.02em;font-size:clamp(2rem,9vw,2.8rem);font-weight:400}.hud-start-sub{color:#efe7ff;font-size:.95rem;font-weight:500}.hud-start-status{color:#c9bff0;min-height:1.2em;font-size:.82rem;font-weight:400}.hud-start-btn{background:linear-gradient(150deg, #ffe08a 0%, var(--gold-deep) 100%);color:#5a3a12;font-family:var(--font);letter-spacing:.03em;cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;margin-top:10px;padding:13px 26px;font-size:1.05rem;font-weight:800;animation:1.6s ease-in-out infinite pt-pulse;box-shadow:0 10px 26px #78461466}.hud-start-btn:active{transform:scale(.96)}@keyframes pt-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}