:root{color:#fff8e7;background-color:#0f0d18;font-family:system-ui,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}#root{min-height:100dvh}.app{width:100%;max-width:430px;height:100dvh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));text-align:center;background-color:#1f1b2e;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:0 auto;display:flex;overflow:hidden}@media (width>=431px){.app{box-shadow:0 0 0 1px #3a3452}}.app__title{margin:0;font-size:clamp(1.6rem,8vw,2.4rem)}.app__subtitle{color:#ffd166;margin:0}.app__button{color:#1f1b2e;cursor:pointer;touch-action:manipulation;background-color:#ffd166;border:none;border-radius:999px;min-height:56px;padding:12px 40px;font-size:1.2rem;font-weight:700}.app__button:hover{background-color:#ffe08f}.app__button:disabled{opacity:.5;cursor:default}.app__stage{flex-direction:column;flex:1;gap:8px;width:100%;min-height:0;display:flex;overflow-y:auto}.app__gauge{border:1px dashed #3a3452;border-radius:8px;flex-direction:column;flex:none;gap:8px;min-height:24px;padding:8px 10px;display:flex}.app__gauge-header{color:#ffd166;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.app__gauge-header span:last-child{font-variant-numeric:tabular-nums;font-size:1.15rem}.app__gauge-track{background-color:#2c2640;border-radius:999px;height:24px;overflow:hidden}.app__gauge-bar{background:linear-gradient(90deg,#e0a526,#ffd166);border-radius:999px;height:100%;transition:width .6s ease-out,background .6s ease-out}.app__gauge-bar--low{background:linear-gradient(90deg,#b3261e,#ef5350)}.app__visual{border:1px dashed #3a3452;border-radius:8px;flex:none;justify-content:center;align-items:center;height:clamp(120px,28dvh,240px);display:flex;overflow:hidden}.app__visual-empty{color:#8d86a8}.app__event{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;animation:.6s cubic-bezier(.3,1.4,.5,1) both event-drop;display:flex}.app__event-image{object-fit:contain;flex:1;max-width:80%;min-height:0}.app__stage .app__event-name{font-size:1.1rem;font-weight:700}.app__stage .app__event-amount{color:#ffd166;font-weight:700}.app__stage .app__event-comment{font-size:.85rem}@keyframes event-drop{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}.app__stage p{margin:0}.app__lyrics{flex:none;justify-content:center;align-items:center;min-height:3.2em;font-size:clamp(1.5rem,6.5vw,1.9rem);display:flex}.app__stage .app__lyrics p{text-align:center;color:#fff6dc;text-shadow:0 0 12px #ffd16659;text-wrap:balance;overflow-wrap:anywhere;font-weight:900;line-height:1.3}.app__clap-area{border:1px dashed #3a3452;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:40px;min-height:96px;display:flex;position:relative;overflow:hidden}.app__hand{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 6px #ffd9b373)drop-shadow(0 3px 4px #00000080);will-change:transform;width:clamp(72px,28vw,120px);height:auto}.app__clap-fx{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app__burst{opacity:0;background:repeating-conic-gradient(#ffd166 0 6deg, transparent 6deg 20deg);width:200px;height:200px;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 10%,#000 14% 45%,#0000 70%);mask-image:radial-gradient(circle,#0000 10%,#000 14% 45%,#0000 70%)}.app__pop{opacity:0;color:#fff;-webkit-text-stroke:6px #1f1b2e;paint-order:stroke fill;text-shadow:0 0 12px #ffd166;font-size:2rem;font-weight:900;position:absolute}.app__actions{flex-direction:column;flex:none;gap:8px;width:100%;display:flex}.app__actions .app__button{width:100%}.app__button--clap{min-height:72px;font-size:1.5rem}.result{flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;min-height:0;display:flex;overflow-y:auto}.result__headline{margin:0;font-size:clamp(1.8rem,9vw,2.6rem)}.result--success .result__headline{color:#ffd166;text-shadow:0 0 16px #ffd16699}.result--bankrupt .result__headline{color:#ef5350}.result__visual{flex:none;justify-content:center;width:100%;display:flex;position:relative}.result__image{object-fit:contain;max-width:80%;max-height:34dvh;position:relative}.result__glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd166 0%,#0000 65%);position:absolute;inset:0}.result--bankrupt .result__visual{background:radial-gradient(circle,#b3261e59 0%,#0000 70%)}.result__balance{flex:none}.result__balance p{margin:0}.result__balance-label{color:#8d86a8;font-size:.85rem}.result__balance-value{font-size:clamp(1.8rem,9vw,2.6rem);font-weight:900}.result--success .result__balance-value{color:#ffd166}.result--bankrupt .result__balance-value{color:#ef5350}.result__history{flex-direction:column;flex:none;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.result__history-item{text-align:left;background-color:#2c2640;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.result__history-order{color:#8d86a8;flex:none;width:1.5em;font-weight:700}.result__history-image{object-fit:contain;flex:none;width:40px;height:40px}.result__history-name{flex:1;min-width:0;font-weight:700}.result__history-amount{color:#ef5350;flex:none;font-weight:700}.result__history-amount--plus{color:#ffd166}.result__back{flex:none;width:100%;margin-bottom:8px}