@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+JP:wght@600;700;900&display=swap";:root{color:#fff8e8;font-synthesis:none;touch-action:manipulation;--yellow:#ffc72c;--orange:#ff7a18;--ink:#17100e;--cream:#fff3d3;background:#15100d;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#56321f 0,#0000 38%),linear-gradient(#20130e 0%,#100b09 100%);min-width:320px;min-height:100svh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,600px);min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));margin:0 auto;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;opacity:.2;background-image:repeating-linear-gradient(115deg,#0000 0 34px,#ffc72c 35px 37px);position:absolute;inset:0}.sound-button{z-index:20;right:16px;top:max(14px, env(safe-area-inset-top));color:#fff;background:#0008;border:1px solid #fff3;border-radius:99px;padding:8px 11px;font-size:12px;font-weight:900;position:absolute}.hero,.result-screen,.ranking-screen,.countdown-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 42px);display:flex}.eyebrow,.result-label{color:var(--ink);background:var(--yellow);letter-spacing:.15em;border-radius:4px;padding:5px 14px;font-size:13px;font-weight:900;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #000}h1{letter-spacing:-.06em;text-shadow:5px 5px #000,-2px -2px #000;margin:9px 0 -10px;font-family:Black Han Sans,Noto Sans JP,sans-serif;font-size:clamp(52px,15vw,82px);line-height:.83}h1 span{color:var(--yellow)}.hero-mole{filter:drop-shadow(0 13px 7px #0008);justify-content:center;align-items:flex-end;width:min(68vw,330px);height:clamp(205px,39svh,360px);display:flex;overflow:hidden}.hero-mole img{width:100%;transform:translateY(9%)}.name-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:2px solid #fff2;border-radius:17px;width:min(100%,410px);padding:12px 15px 10px}.name-card label{color:var(--yellow);letter-spacing:.08em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.name-row{align-items:center;gap:8px;display:flex}.name-row input{width:100%;min-height:48px;color:var(--ink);background:var(--cream);text-align:center;border:2px solid #0000;border-radius:10px;outline:none;padding:0 13px;font-size:18px;font-weight:900}.name-row input:focus{border-color:var(--yellow)}.name-row span{width:36px;font-size:12px}#nameError{color:#ff9b91;min-height:18px;margin:3px 0 -4px;font-size:12px}.primary-button{width:min(100%,410px);min-height:58px;color:var(--ink);background:linear-gradient(#ffd748,#ff9d16);border:0;border-radius:13px;margin-top:13px;font-size:20px;font-weight:900;box-shadow:0 6px #9f3900,0 10px 18px #0008}.primary-button:active{transform:translateY(4px);box-shadow:0 2px #9f3900}.text-button{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:5px;background:0 0;border:0;padding:14px;font-weight:900}.text-button.small{opacity:.75;padding:6px 14px;font-size:13px}.howto{color:#d8c9bb;margin:4px 0 0;font-size:12px;line-height:1.6}.countdown-screen p{color:var(--yellow);letter-spacing:.15em;font-weight:900}.countdown-number{color:var(--yellow);text-shadow:8px 8px #000;font-family:Black Han Sans,sans-serif;font-size:min(48vw,240px);line-height:1;animation:.45s cubic-bezier(.2,1.6,.5,1) count}@keyframes count{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.playing{padding-left:10px;padding-right:10px}.game-screen{flex-direction:column;justify-content:center;min-height:calc(100svh - 40px);display:flex}.hud{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:28px 4px 10px;display:grid}.hud div{background:#0008;border:1px solid #ffffff24;border-radius:11px;padding:7px 4px}.hud .timer{border-color:#ffc72c88}.hud small{color:#d7c7b6;letter-spacing:.1em;font-size:9px;display:block}.hud strong{color:var(--yellow);font-size:clamp(20px,6vw,32px);line-height:1.15;display:block}.arena{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 20% 20%,#a76733 0 2px,#0000 3px),radial-gradient(circle at 80% 70%,#6e3c22 0 3px,#0000 4px),linear-gradient(135deg,#7b4729,#3f2518);border:3px solid #52311e;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:clamp(5px,1.5vw,10px);padding:clamp(8px,2vw,14px);display:grid;position:relative;box-shadow:inset 0 0 25px #0009,0 15px 30px #0008}.hole{aspect-ratio:1/1.08;cursor:pointer;background:0 0;border:0;padding:0;position:relative;overflow:hidden}.hole:before{content:"";background:radial-gradient(#080503 20%,#1d100b 60%,#000 100%);border-radius:50%;height:42%;position:absolute;bottom:12%;left:7%;right:7%;box-shadow:0 7px #29140b,inset 0 7px 12px #000}.dirt{z-index:4;pointer-events:none;background:linear-gradient(#8b4f2a,#4c2715);border-radius:48% 52% 45% 55%;height:28%;position:absolute;bottom:5%;left:2%;right:2%;box-shadow:inset 0 5px 4px #b9763d,0 -3px 6px #0007}.dirt-back{z-index:1;opacity:.8;bottom:11%;transform:scale(.92)}.mole-wrap{z-index:3;pointer-events:none;filter:drop-shadow(0 4px 3px #0008);height:96%;transition:transform .12s cubic-bezier(.1,.8,.3,1);position:absolute;bottom:9%;left:7%;right:7%;transform:translateY(112%)}.mole{object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.mole.hit{display:none}.hole.active .mole-wrap{transform:translateY(8%)}.hole.bonked .mole-wrap{transform:translateY(18%)scaleY(.8)}.hole.bonked .normal{display:none}.hole.bonked .hit{display:block}.hole.miss{animation:.17s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.floating-score{z-index:10;opacity:0;color:#fff;text-shadow:3px 3px #000;pointer-events:none;font-size:24px;font-weight:900;position:absolute;transform:translate(-50%)}.floating-score.negative{color:#ff6b5f}.floating-score.show{animation:.45s ease-out points}@keyframes points{0%{opacity:1;transform:translate(-50%,10px)scale(.7)}to{opacity:0;transform:translate(-50%,-45px)scale(1.2)}}.game-tip{color:#bba99a;text-align:center;margin:8px 0 0;font-size:10px}.result-label{z-index:2;margin-bottom:-22px;font-size:16px}.result-mole{filter:drop-shadow(0 12px 8px #0008);width:min(52vw,260px);margin-bottom:-20px}.result-name{color:#dac8b7;margin:5px 0 0;font-size:13px}.final-score{color:var(--yellow);text-shadow:6px 6px #000;font-family:Black Han Sans,sans-serif;font-size:clamp(64px,20vw,104px);line-height:1}.result-stats{background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:repeat(3,1fr);width:min(100%,420px);margin:10px 0;display:grid}.result-stats div{border-right:1px solid #ffffff18;padding:12px 4px}.result-stats div:last-child{border:0}.result-stats small{color:#cbb9aa;font-size:10px;display:block}.result-stats strong{color:var(--yellow);font-size:21px}.offline-note{color:#ffb1a8;max-width:390px;font-size:11px}.ranking-screen{justify-content:flex-start;padding-top:62px}.ranking-screen h2{margin:13px 0 18px;font-size:31px}.ranking-list{background:#100b09cc;border:2px solid #5e4027;border-radius:16px;width:min(100%,450px);min-height:300px;overflow:hidden;box-shadow:0 12px 30px #0008}.ranking-list.loading{color:#baa999;place-items:center;display:grid}.rank-row{text-align:left;border-bottom:1px solid #ffffff13;grid-template-columns:42px 1fr auto;align-items:center;min-height:48px;padding:0 14px 0 7px;display:grid}.rank-row:first-child{background:linear-gradient(90deg,#ffc72c33,#0000);min-height:61px}.rank-row:nth-child(2),.rank-row:nth-child(3){min-height:54px}.rank-row.me{outline:2px solid var(--yellow);outline-offset:-2px}.rank-number{color:var(--yellow);text-align:center;font-family:Black Han Sans,sans-serif;font-size:22px}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.rank-row strong{color:var(--yellow)}.empty-rank{color:#c6b4a4;padding:80px 20px;line-height:1.8}.personal-rank{background:#ffc72c18;border-radius:12px;width:min(100%,450px);margin-top:9px;overflow:hidden}.personal-rank:empty{display:none}.personal-rank>small{color:var(--yellow);text-align:left;padding:6px 12px 0;font-size:10px;font-weight:900;display:block}@media (max-height:680px){.hero{justify-content:flex-start;padding-top:22px}.hero-mole{width:220px;height:210px}.howto{display:none}.game-screen{justify-content:flex-start}.hud{margin-top:26px}.arena{align-self:center;width:min(78vh,100%)}.result-mole{width:170px}}@media (orientation:landscape) and (max-height:540px){.game-screen{grid-template-rows:1fr auto;grid-template-columns:minmax(110px,.35fr) minmax(460px,1fr);align-items:center;gap:6px 14px;display:grid}.hud{grid-row:1;grid-template-columns:1fr;margin:28px 0 0}.arena{aspect-ratio:1.02;grid-area:1/2/span 2;justify-self:center;width:auto;height:calc(100svh - 32px)}.game-tip{grid-area:2/1}.hole{aspect-ratio:auto}.hero,.result-screen{padding-inline:16%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}