*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#fff8e1;background:#0d0900;min-height:100svh}#app{min-height:100svh}button{font-family:inherit}:root{--flips:720deg}.game{flex-direction:column;align-items:center;max-width:460px;min-height:100svh;margin:0 auto;padding:0 24px;display:flex;position:relative}.top-glow{pointer-events:none;z-index:0;background:radial-gradient(#ffc33221 0%,#0000 68%);width:700px;height:340px;position:fixed;top:0;left:50%;transform:translate(-50%)}.header{text-align:center;z-index:1;border-bottom:1px solid #ffc33224;width:100%;padding:28px 0 20px;position:relative}.title{letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#fff8e1 0%,gold 45%,#b8860b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:900}.subtitle{color:#ffd26480;letter-spacing:1.5px;margin-top:6px;font-size:12px}.main{z-index:1;flex-direction:column;flex:1;align-items:center;gap:36px;width:100%;padding:40px 0 52px;display:flex;position:relative}.streak-box{flex-direction:column;align-items:center;line-height:1;display:flex}.streak-num{background:linear-gradient(#fff9c4,gold 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:900;line-height:1}.streak-lbl{text-transform:uppercase;letter-spacing:3.5px;color:#ffc8506b;margin-top:6px;font-size:11px}.coin-stage{justify-content:center;align-items:center;width:100%;height:270px;display:flex}.coin-world{width:150px;height:150px;position:relative}.floor{width:150px;height:150px;position:absolute}.floor .line{transform-origin:0;opacity:0;background:linear-gradient(90deg,#ffd700f2 20%,#0000 20%) no-repeat;border-radius:.75px;width:150px;height:.75px;margin-top:-.375px;position:absolute;top:50%;left:50%}.floor .line.line-anim{animation:.6s ease-out .65s forwards lines}.floor .line:first-child{transform:rotate(30deg)scale(1.1)}.floor .line:nth-child(2){transform:rotate(60deg)}.floor .line:nth-child(3){transform:rotate(90deg)scale(1.1)}.floor .line:nth-child(4){transform:rotate(120deg)}.floor .line:nth-child(5){transform:rotate(150deg)scale(1.1)}.floor .line:nth-child(6){transform:rotate(180deg)}.floor .line:nth-child(7){transform:rotate(210deg)scale(1.1)}.floor .line:nth-child(8){transform:rotate(240deg)}.floor .line:nth-child(9){transform:rotate(270deg)scale(1.1)}.floor .line:nth-child(10){transform:rotate(300deg)}.floor .line:nth-child(11){transform:rotate(330deg)scale(1.1)}.floor .line:nth-child(12){transform:rotate(360deg)}.coin{width:150px;height:150px;transform-style:preserve-3d;transform-origin:50%;position:relative}.coin-anim{animation:1s linear forwards flip}.face{background:radial-gradient(circle at 34% 28%,#fffde7 0%,gold 28%,#c49a20 55%,#8b6914 78%,#5c4310 100%);border:10px solid #b8860b;border-radius:50%;transition:box-shadow .3s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 3px #8b6914}.face:before{place-items:center;font-size:62px;line-height:1;display:grid;position:absolute;inset:0}.face-front:before{content:"👑"}.face-back:before{content:"🍑"}.face:after{content:"";pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffffff24 0%,#0000 55%);position:absolute;inset:0}.face-front{transform:translateZ(12.5px)}.face-back{transform:translateZ(-12.5px)rotateY(180deg)rotate(180deg)}.coin .edge{transform-style:preserve-3d;backface-visibility:hidden;transform:translate(62.5px)}.coin .edge .segment{width:25px;height:150px;transform-style:preserve-3d;backface-visibility:hidden;position:absolute}.coin .edge .segment:before,.coin .edge .segment:after{content:"";width:25px;height:15px;display:block;position:absolute;transform:rotateX(84.375deg)}.coin .edge .segment:before{transform-origin:top;background:repeating-linear-gradient(#8b6914 0 25%,#5c4310 25% 50%)}.coin .edge .segment:after{transform-origin:bottom;background:repeating-linear-gradient(#5c4310 0 25%,#8b6914 25% 50%);bottom:0}.coin .edge .segment:first-child{transform:rotateY(90deg)rotateX(11.25deg)}.coin .edge .segment:nth-child(2){transform:rotateY(90deg)rotateX(22.5deg)}.coin .edge .segment:nth-child(3){transform:rotateY(90deg)rotateX(33.75deg)}.coin .edge .segment:nth-child(4){transform:rotateY(90deg)rotateX(45deg)}.coin .edge .segment:nth-child(5){transform:rotateY(90deg)rotateX(56.25deg)}.coin .edge .segment:nth-child(6){transform:rotateY(90deg)rotateX(67.5deg)}.coin .edge .segment:nth-child(7){transform:rotateY(90deg)rotateX(78.75deg)}.coin .edge .segment:nth-child(8){transform:rotateY(90deg)rotateX(90deg)}.coin .edge .segment:nth-child(9){transform:rotateY(90deg)rotateX(101.25deg)}.coin .edge .segment:nth-child(10){transform:rotateY(90deg)rotateX(112.5deg)}.coin .edge .segment:nth-child(11){transform:rotateY(90deg)rotateX(123.75deg)}.coin .edge .segment:nth-child(12){transform:rotateY(90deg)rotateX(135deg)}.coin .edge .segment:nth-child(13){transform:rotateY(90deg)rotateX(146.25deg)}.coin .edge .segment:nth-child(14){transform:rotateY(90deg)rotateX(157.5deg)}.coin .edge .segment:nth-child(15){transform:rotateY(90deg)rotateX(168.75deg)}.coin .edge .segment:nth-child(16){transform:rotateY(90deg)rotateX(180deg)}.coin-correct .face{box-shadow:inset 0 0 0 3px #8b6914,0 0 0 5px #4ade8066,0 0 70px #4ade8080}.coin-wrong .face{box-shadow:inset 0 0 0 3px #8b6914,0 0 0 5px #f8717166,0 0 70px #f8717180}.world-shake{animation:.52s ease-out worldShake}@keyframes flip{0%{transform:rotateY(0)rotateX(0)scale(1)}10%{transform:rotateY(45deg) rotateX(calc(var(--flips) / 3)) scale(1.6)}60%{transform:rotateY(-30deg) rotateX(calc(var(--flips) / 1.5)) scale(2)}to{transform:rotateY(0) rotateX(var(--flips)) scale(1)}}@keyframes lines{40%{opacity:1;background-position:-120px 0}70%{opacity:1;background-position:75px 0}to{opacity:1;background-position:150px 0}}@keyframes worldShake{0%,to{transform:translate(0)}18%{transform:translate(-13px)}36%{transform:translate(13px)}54%{transform:translate(-9px)}72%{transform:translate(9px)}88%{transform:translate(-4px)}}.action-area{justify-content:center;align-items:center;width:100%;min-height:110px;display:flex}.btns{gap:16px;width:100%;max-width:330px;display:flex}.btn{color:#fff8e1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffc3320d;border:1.5px solid #ffc33238;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:11px;padding:20px 12px;transition:background .18s,border-color .18s,transform .14s,box-shadow .18s;display:flex}.btn:hover{background:#ffc33224;border-color:#ffc3328c;transform:translateY(-3px);box-shadow:0 10px 36px #ffc33224}.btn:active{transform:translateY(0)}.btn-ghost{pointer-events:none;opacity:0}.btn-coin{background:radial-gradient(circle at 34% 30%,#fffde7,gold 32%,#b8860b 72%,#5c4310 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:inset -3px -3px 8px #0000005c,inset 2px 2px 5px #ffffff42,0 4px 14px #0006}.btn-label{letter-spacing:2px;text-transform:uppercase;color:#ffdc82d9;font-size:12px;font-weight:700}.over-panel{flex-direction:column;align-items:center;gap:16px;display:flex}.over-score{color:#ffe182d1;letter-spacing:-.3px;font-size:21px;font-weight:700}.share-btn{color:#fff8e1;letter-spacing:.4px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffc33212;border:1.5px solid #ffc33273;border-radius:50px;padding:15px 48px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.share-btn:hover{background:#ffc3322e;border-color:#ffc332b8;transform:translateY(-2px);box-shadow:0 0 52px #ffc33233}.share-btn:active{transform:translateY(0)}.next-time{color:#ffc85073;letter-spacing:.5px;font-size:12px}.footer{color:#ffc8504d;text-align:center;z-index:1;padding:20px 0 28px;font-size:11px;position:relative}.footer-link{color:#ffc85080;text-decoration:none}.footer-link:hover{color:#ffd700cc;text-decoration:underline}.history{flex-wrap:wrap;justify-content:center;gap:9px;max-width:380px;padding:0 4px;display:flex}.hist-coin{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.hist-ok{background:radial-gradient(circle at 34% 30%,#fffde7,gold 32%,#b8860b 72%,#5c4310 100%);box-shadow:inset -2px -2px 5px #0000004d,inset 1px 1px 3px #fff3,0 0 14px #ffd70047}.hist-fail{background:radial-gradient(circle at 34% 30%,#fca5a5,#ef4444 36%,#991b1b 80%);box-shadow:inset -2px -2px 5px #0000004d,inset 1px 1px 3px #ffffff2e,0 0 14px #ef444447}