@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=DotGothic16&family=Fredoka:wght@500;600&family=Kiwi+Maru:wght@400;500&family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Serif+JP:wght@700;900&family=Oswald:wght@700&family=Space+Mono:wght@700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap";:root{--font-main: "M PLUS Rounded 1c", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-heading: "Baloo 2", "M PLUS Rounded 1c", sans-serif;--font-display: "Noto Serif JP", serif;--font-number: "Space Mono", monospace;--bg-a: #ffe8c6;--bg-b: #ffd0b0;--bg-c: #fff4ea;--orb-a: rgba(255, 141, 100, .42);--orb-b: rgba(255, 207, 109, .32);--panel-bg: rgba(255, 250, 242, .9);--panel-border: rgba(255, 160, 112, .36);--panel-shadow: 0 24px 55px rgba(235, 124, 78, .25);--text-main: #583222;--text-sub: #8d5a49;--theme-btn-bg: rgba(255, 255, 255, .9);--theme-btn-border: rgba(255, 160, 106, .5);--theme-btn-text: #8d4d37;--theme-btn-active: linear-gradient(135deg, #ffb789, #ff8f5f);--theme-btn-active-text: #fff9f5;--input-bg: rgba(255, 255, 255, .8);--input-border: rgba(255, 154, 103, .45);--primary-a: #ffb657;--primary-b: #ff8159;--primary-text: #543318}body[data-theme=pop]{--font-main: "Noto Serif JP", "Yu Mincho", serif;--font-heading: "Noto Serif JP", "Yu Mincho", serif;--font-display: "Noto Serif JP", serif;--font-number: "Space Mono", monospace;--bg-a: #121010;--bg-b: #24120f;--bg-c: #1a1412;--orb-a: rgba(198, 23, 23, .24);--orb-b: rgba(212, 167, 57, .2);--panel-bg: rgba(17, 14, 14, .88);--panel-border: rgba(212, 167, 57, .42);--panel-shadow: 0 26px 60px rgba(0, 0, 0, .62);--text-main: #f4ead2;--text-sub: #cfbf98;--theme-btn-bg: rgba(24, 20, 20, .92);--theme-btn-border: rgba(213, 171, 74, .42);--theme-btn-text: #e3c983;--theme-btn-active: linear-gradient(135deg, #d63f1a, #9d0e0e);--theme-btn-active-text: #fff6e8;--input-bg: rgba(10, 9, 8, .88);--input-border: rgba(210, 168, 76, .55);--primary-a: #d63f1a;--primary-b: #9d0e0e;--primary-text: #fff0dc}body[data-theme=soft]{--font-main: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-heading: "Oswald", "Zen Maru Gothic", sans-serif;--font-display: "DotGothic16", sans-serif;--font-number: "DotGothic16", monospace;--bg-a: #050509;--bg-b: #101022;--bg-c: #1a0f1f;--orb-a: rgba(255, 69, 0, .25);--orb-b: rgba(130, 70, 200, .18);--panel-bg: rgba(13, 13, 13, .93);--panel-border: rgba(255, 99, 71, .45);--panel-shadow: 0 24px 58px rgba(0, 0, 0, .58);--text-main: #f8e7d2;--text-sub: #ff9369;--theme-btn-bg: rgba(32, 18, 24, .92);--theme-btn-border: rgba(255, 95, 33, .56);--theme-btn-text: #ff9f74;--theme-btn-active: linear-gradient(135deg, #d11b46, #ff5a1f);--theme-btn-active-text: #fff5ee;--input-bg: rgba(2, 2, 4, .78);--input-border: rgba(255, 95, 33, .58);--primary-a: #e53e1d;--primary-b: #ff7a1e;--primary-text: #fff3d8}body[data-theme=friendly]{--font-main: "M PLUS Rounded 1c", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-heading: "Fredoka", "M PLUS Rounded 1c", sans-serif;--bg-a: #def6ff;--bg-b: #e6ffe8;--bg-c: #fff8e2;--orb-a: rgba(116, 201, 232, .36);--orb-b: rgba(255, 215, 122, .3);--panel-bg: rgba(244, 253, 255, .9);--panel-border: rgba(117, 194, 225, .42);--panel-shadow: 0 24px 52px rgba(101, 182, 212, .22);--text-main: #2f6073;--text-sub: #538196;--theme-btn-bg: rgba(255, 255, 255, .88);--theme-btn-border: rgba(118, 192, 219, .52);--theme-btn-text: #3c6d83;--theme-btn-active: linear-gradient(135deg, #7fd9f5, #ffd374);--theme-btn-active-text: #205166;--input-bg: rgba(255, 255, 255, .8);--input-border: rgba(120, 194, 221, .55);--primary-a: #82daf2;--primary-b: #ffcc71;--primary-text: #254f63}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-main);color:var(--text-main);background:linear-gradient(135deg,var(--bg-a),var(--bg-b),var(--bg-c));transition:background .4s ease,color .3s ease}body.demo-guard{-webkit-touch-callout:none}body.demo-guard *:not(input):not(textarea){user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.sample-watermark-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;display:grid;place-items:center;overflow:hidden}.sample-watermark-text{font-size:clamp(90px,18vw,280px);font-weight:900;letter-spacing:.18em;color:#ffffff1a;text-shadow:0 0 22px rgba(0,0,0,.25);transform:rotate(-25deg);text-transform:uppercase;white-space:nowrap}.sample-top-bar{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(1320px,calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:18px;background:#0c0c0c8c;border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 26px #00000042;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sample-top-badge{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(98px,10vw,140px);height:clamp(38px,4vw,50px);border-radius:999px;background:linear-gradient(135deg,#ff5b56,#ff9f0a);color:#fffef9;font-family:var(--font-heading);font-size:clamp(18px,1.8vw,26px);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sample-top-hint{font-size:12px;font-weight:700;color:#ffffffe6;letter-spacing:.04em;white-space:nowrap}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{width:min(90vw,900px);height:min(90vw,900px);border-radius:50%;top:-30vh;left:-20vw;background:radial-gradient(circle at 55% 45%,var(--orb-a),transparent 65%)}body:after{width:min(90vw,900px);height:min(90vw,900px);border-radius:40%;right:-20vw;bottom:-35vh;background:radial-gradient(circle at 30% 42%,var(--orb-b),transparent 58%)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:96px 16px 16px}.main-frame{width:min(1200px,100%);aspect-ratio:16 / 9;min-height:560px;border-radius:24px;border:2px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);overflow:hidden;position:relative}.ghost-theme-frame{border-color:#ff572885;box-shadow:0 24px 58px #0000009e,0 0 24px #ff5f212e}.kabuki-theme-frame{border-color:#d4a73985;background:linear-gradient(140deg,rgba(255,255,255,.03),transparent 30%),radial-gradient(circle at 8% 12%,rgba(212,167,57,.12),transparent 45%),var(--panel-bg)}.setup-screen{width:100%;height:100%;padding:clamp(16px,2.5vw,32px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.pop-setup{background:radial-gradient(circle at 10% 88%,rgba(213,171,74,.12),transparent 40%),radial-gradient(circle at 88% 16%,rgba(198,23,23,.22),transparent 44%),#120f0f}.pop-crest{position:absolute;top:clamp(70px,11vh,120px);width:clamp(58px,8vw,92px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(223,189,111,.8);display:grid;place-items:center;font-size:clamp(16px,2.4vw,30px);font-weight:900;color:#f7e1ab;background:radial-gradient(circle at 30% 30%,#2f2522,#120f0f 70%);box-shadow:0 0 18px #d4a73947;letter-spacing:.08em;z-index:1}.pop-crest.left{left:clamp(16px,3vw,38px)}.pop-crest.right{right:clamp(16px,3vw,38px)}.pop-callout{margin:0;position:absolute;top:clamp(92px,12vh,122px);font-size:clamp(11px,1.15vw,14px);letter-spacing:.22em;text-transform:uppercase;color:#f5dc9ed9;text-shadow:0 0 10px rgba(212,167,57,.38);z-index:1}.ghost-setup{background:radial-gradient(circle at 50% 35%,rgba(255,82,40,.08),transparent 45%),#0d0d0d}.theme-switch{position:static;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.theme-label{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-sub)}.theme-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.theme-btn{border:1px solid var(--theme-btn-border);background:var(--theme-btn-bg);color:var(--theme-btn-text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s ease,filter .2s ease}.theme-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.theme-btn.active{background:var(--theme-btn-active);color:var(--theme-btn-active-text);border-color:transparent}.setup-title{margin:32px 0 0;font-family:var(--font-heading);letter-spacing:.06em;font-size:clamp(24px,3vw,44px);z-index:2}.pop-setup .setup-title{color:#f5dec1;letter-spacing:.15em;text-shadow:0 0 22px rgba(213,171,74,.2)}.ghost-setup .setup-title{color:#ff7845;text-shadow:0 0 12px rgba(255,120,69,.45)}.theme-lead{margin:0;color:var(--text-sub);font-size:clamp(13px,1.6vw,18px);z-index:2}.pop-setup .theme-lead{color:#d9c49d}.setup-label{margin-top:14px;font-size:clamp(14px,1.8vw,22px);font-weight:600;z-index:2}.pop-setup .setup-label{color:#f0dfc1}.setup-input-wrap{display:flex;align-items:center;justify-content:center;gap:10px;z-index:2}.currency{font-family:var(--font-display);font-size:clamp(34px,6vw,70px);color:#c98700}.ghost-setup .currency{color:#ff5f21;text-shadow:0 0 14px rgba(255,95,33,.58)}.setup-input{width:clamp(240px,48vw,560px);font-family:var(--font-number);font-size:clamp(34px,6vw,70px);line-height:1;text-align:right;padding:12px 14px;border-radius:16px;border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-main)}.pop-setup .setup-input{border-color:#d5ab4aa3;color:#f9ebd0;box-shadow:inset 0 0 18px #d4a73924}.setup-input:focus{outline:none;border-color:var(--primary-b)}.pop-preview{margin:0;font-size:clamp(12px,1.4vw,17px);color:#9f664f;font-weight:700;letter-spacing:.02em;z-index:2}.pop-setup .pop-preview{color:#e0ca95}.ghost-setup .setup-input{color:#c8ff00;border-color:#ff5f21;box-shadow:inset 0 0 14px #ff5f2138}.primary-btn{margin-top:10px;border:none;border-radius:999px;padding:14px 28px;font-size:clamp(14px,1.8vw,22px);font-weight:700;color:var(--primary-text);background:linear-gradient(135deg,var(--primary-a),var(--primary-b));cursor:pointer;transition:transform .2s ease,filter .2s ease;z-index:2}.pop-setup .primary-btn{border:1px solid rgba(223,189,111,.75);box-shadow:0 12px 24px #00000052}.primary-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.primary-btn:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.85)}.ghost-lantern{position:absolute;top:72px;font-size:clamp(36px,4.5vw,68px);opacity:.82;animation:swing 3.8s ease-in-out infinite;transform-origin:top center;z-index:1}.ghost-lantern.left{left:clamp(18px,4vw,48px)}.ghost-lantern.right{right:clamp(18px,4vw,48px);animation-delay:.4s}.ghost-bubble{position:absolute;top:clamp(110px,15vh,150px);left:clamp(10px,5vw,60px);background:#1a1a2e;color:#ff6b35;border:1px solid #ff6b35;border-radius:14px;padding:10px 12px;font-size:clamp(11px,1.2vw,14px);line-height:1.45;box-shadow:0 8px 20px #0000006b;z-index:2;animation:float 2.8s ease-in-out infinite}.ghost-bubble:after{content:"";position:absolute;bottom:-7px;left:20px;width:12px;height:12px;background:#1a1a2e;border-right:1px solid #ff6b35;border-bottom:1px solid #ff6b35;transform:rotate(45deg)}.ghost-setup-icon{position:absolute;top:clamp(132px,18vh,182px);right:clamp(30px,8vw,100px);font-size:clamp(44px,5vw,74px);animation:float 3.2s ease-in-out infinite;z-index:1}.kabuki-curtain{background:repeating-linear-gradient(to right,#111,#111 33.33%,#c44c2d 33.33%,#c44c2d 66.66%,#214d30 66.66%,#214d30);background-size:15% 100%}.ready-screen{width:100%;height:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pop-ready{background-size:22% 100%}.pop-ready:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 70%,rgba(212,167,57,.24),transparent 45%),linear-gradient(180deg,#00000029,#0000005c)}.ghost-ready{background:radial-gradient(circle at 50% 38%,rgba(255,70,20,.26),transparent 30%),#0d0d0d}.ready-back-btn{position:absolute;top:14px;left:14px;z-index:3;border-radius:999px;border:1px solid rgba(255,255,255,.36);background:#000000a3;color:#f6f6f6;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.ghost-ready-lantern{position:absolute;top:clamp(30px,6vh,56px);font-size:clamp(64px,8vw,118px);animation:swing 4s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255,69,0,.5))}.ready-yen{font-family:var(--font-display);font-size:clamp(110px,18vw,220px);color:gold;text-shadow:0 12px 24px rgba(0,0,0,.6);z-index:2}.pop-ready .ready-yen{font-size:clamp(120px,19vw,232px);color:#f3dfb0;text-shadow:0 0 20px rgba(212,167,57,.52),0 18px 28px rgba(0,0,0,.72)}.ghost-ready .ready-yen{color:#fff;text-shadow:0 0 25px #ff0000}.ready-text{position:absolute;bottom:clamp(20px,8vh,64px);margin:0;color:#f9f9f9;font-weight:700;background:#000000a8;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);animation:pulse 1.4s ease-in-out infinite;z-index:2}.pop-ready .ready-text{color:#f8ecd0;border-color:#d4a73973;background:#0f0c0ab3;letter-spacing:.1em}.ghost-ready .ready-text{color:#ff6b35;letter-spacing:.08em;font-family:Oswald,sans-serif}.countdown-screen{width:100%;height:100%;display:grid;place-items:center;background:#0d0d0d}.countdown-screen.ghost-mode{background:radial-gradient(circle at center,rgba(255,0,128,.25),transparent 45%),#0d0d0d}.countdown-value{font-family:Oswald,sans-serif;font-size:clamp(96px,20vw,210px);color:#ff5ea8;text-shadow:0 0 30px rgba(255,0,128,.72);animation:zoom-in-out .85s ease-in-out}.reveal-stage{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#0b111a,#10131f)}.reveal-stage.pop-mode{background:linear-gradient(145deg,#1a1210,#0f0d0d)}.reveal-stage.ghost-mode{background:#0d0d0d}.sunburst-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease;background-color:#8a1c1c;background-image:repeating-conic-gradient(from 0deg at 50% 50%,#8a1c1c,#8a1c1c 14deg,#a32121 14deg,#a32121 28deg)}.sunburst-bg.show{opacity:1}.reveal-stage.pop-mode.tier-1 .sunburst-bg.show{background:linear-gradient(145deg,#2a1e1b,#3a2b24),repeating-conic-gradient(from 10deg,rgba(255,236,200,.18) 0deg 11deg,transparent 11deg 22deg)}.reveal-stage.pop-mode.tier-2 .sunburst-bg.show{background:linear-gradient(145deg,#422619,#6d3d22),repeating-conic-gradient(from 0deg,rgba(245,212,140,.24) 0deg 10deg,transparent 10deg 20deg)}.reveal-stage.pop-mode.tier-3 .sunburst-bg.show{background:linear-gradient(145deg,#4a1212,#7a2525),repeating-conic-gradient(from 0deg,rgba(255,214,138,.24) 0deg 10deg,transparent 10deg 20deg)}.reveal-stage.pop-mode.tier-4 .sunburst-bg.show{background:radial-gradient(circle at 50% 45%,#f9eaa6,#d89145 40%,#8c1f1f),repeating-conic-gradient(from 0deg,rgba(255,233,173,.25) 0deg 9deg,transparent 9deg 18deg)}.reveal-stage.ghost-mode.tier-1 .sunburst-bg.show{background:linear-gradient(135deg,#2d3436,#3f4749)}.reveal-stage.ghost-mode.tier-2 .sunburst-bg.show{background:linear-gradient(135deg,gold,#ff8c00)}.reveal-stage.ghost-mode.tier-3 .sunburst-bg.show{background:linear-gradient(135deg,#ff4ea8,#ff6b35)}.reveal-stage.ghost-mode.tier-4 .sunburst-bg.show{background:radial-gradient(circle at center,#ff2d2d,#4a0000)}.slot-area{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:14px}.slot-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,.8vw,12px);z-index:3}.yen-symbol{color:gold;font-size:clamp(44px,8vw,96px);font-family:var(--font-display);text-shadow:0 0 15px rgba(255,215,0,.7);margin-right:6px}.ghost-mode .yen-symbol{color:#ff6b35}.pop-mode .yen-symbol{color:#f2d08c;text-shadow:0 0 18px rgba(242,208,140,.7)}.slot-digit{width:clamp(32px,6vw,82px);aspect-ratio:2 / 3;border-radius:12px;border:2px solid #214d30;background:#111;box-shadow:0 0 20px #214d3099;display:grid;place-items:center;font-family:var(--font-number);font-size:clamp(32px,5.5vw,86px);font-weight:700}.ghost-mode .slot-digit{border-color:#1a1a2e;box-shadow:0 0 18px #ff45004d}.pop-mode .slot-digit{border-color:#d4a73994;background:#120f0f;box-shadow:0 0 18px #d4a73938}.slot-digit.spinning{color:#f8f8f8;filter:blur(1px)}.slot-digit.settled{color:gold;text-shadow:0 0 16px rgba(255,215,0,.75)}.ghost-mode .slot-digit.settled{color:#c8ff00;text-shadow:0 0 16px rgba(200,255,0,.76)}.reveal-stage.pop-mode.tier-1 .slot-digit.settled{color:#f1ce89;text-shadow:0 0 16px rgba(241,206,137,.72)}.reveal-stage.pop-mode.tier-2 .slot-digit.settled{color:#ffd174;text-shadow:0 0 18px rgba(255,209,116,.78)}.reveal-stage.pop-mode.tier-3 .slot-digit.settled{color:#fc6;text-shadow:0 0 20px rgba(255,204,102,.82)}.reveal-stage.pop-mode.tier-4 .slot-digit.settled{color:#fff2a5;text-shadow:0 0 26px rgba(255,242,165,.95)}.slot-comma{width:clamp(10px,1.6vw,18px);text-align:center;font-family:var(--font-display);font-size:clamp(34px,5.8vw,78px);color:gold;margin-bottom:6px}.ghost-revealing-title{position:absolute;top:clamp(12px,4vh,24px);left:50%;transform:translate(-50%);margin:0;font-family:Oswald,sans-serif;font-size:clamp(28px,4vw,64px);letter-spacing:.08em;color:#ff0080;text-shadow:0 0 20px rgba(255,0,128,.5);z-index:6}.ghost-mascot{position:absolute;right:clamp(10px,2vw,20px);bottom:clamp(88px,16vh,132px);font-size:clamp(46px,6vw,90px);z-index:6}.ghost-mascot.reveal{animation:shiver .12s infinite}.ghost-mascot.result{animation:float 2.4s ease-in-out infinite}.flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;animation:flash-gold 1.4s ease-out forwards}.curtain-animated{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;animation:curtain-up 1.1s cubic-bezier(.7,0,.3,1) forwards}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:5;pointer-events:none}.confetti-piece{position:absolute;top:-10%;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}.result-actions{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(12px,3vw,30px);z-index:8;width:min(92%,860px);background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pop-mode .result-actions{border-color:#d4a73973;background:#0e0b0aa8}.ghost-mode .result-actions{border-color:#ff6b3561;background:#0000009e}.ghost-tier-label{margin:0 0 8px;text-align:center;color:#ffe7a2;font-size:clamp(12px,1.4vw,18px);letter-spacing:.03em}.pop-tier-label{margin:0 0 8px;text-align:center;color:#f4dfab;font-size:clamp(12px,1.4vw,18px);letter-spacing:.07em;text-transform:uppercase}.result-message{margin:0 0 10px;text-align:center;color:#fff4cf;font-size:clamp(13px,1.8vw,22px)}.result-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.decision-btn,.next-btn,.share-btn{border-radius:999px;border:1px solid rgba(255,255,255,.28);padding:10px 16px;font-size:clamp(13px,1.6vw,20px);font-weight:700;cursor:pointer;transition:transform .2s ease,filter .2s ease}.decision-btn:hover,.next-btn:hover,.share-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.share-btn{background:#1a1a2e;color:#c8ff00;border-color:#c8ff00}.decision-btn.sell{background:linear-gradient(135deg,#ffbd66,#ff8f5f);color:#4a2b15;border-color:transparent}.decision-btn.pass{background:#ffffffe0;color:#4b4b4b}.decision-btn.active{box-shadow:0 0 0 3px #ffffff59}.next-btn{background:#8a1c1c;color:gold;border-color:gold}.friendly-root{position:relative;width:100%;min-height:100vh;padding-top:86px;overflow:hidden;background:#ffe600;color:#111;font-family:Fredoka,"M PLUS Rounded 1c",sans-serif;display:grid;place-items:center}.friendly-sunburst-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(#ffe600,#ffe600 10deg,#ffd000 10deg,#ffd000 20deg);animation:spin-sunburst-friendly 100s linear infinite;z-index:0;pointer-events:none}.friendly-screen{position:relative;z-index:2;width:min(1100px,100%);min-height:calc(100vh - 86px);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.friendly-setup-mascot-wrap{position:relative;margin-bottom:28px}.friendly-bubble{position:absolute;top:-48px;right:-120px;background:#fff;border:6px solid #111111;border-radius:20px;padding:10px 14px;box-shadow:6px 6px #111;transform:rotate(3deg)}.friendly-bubble p{margin:0;font-weight:900;color:#ff3b30;font-size:clamp(14px,1.6vw,22px)}.friendly-bubble:after{content:"";position:absolute;bottom:-16px;left:24px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #111111}.friendly-bubble:before{content:"";position:absolute;bottom:-10px;left:28px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #ffffff;z-index:2}.friendly-form{width:min(560px,100%);display:flex;flex-direction:column;gap:16px}.friendly-input{width:100%;text-align:center;font-size:clamp(28px,4.5vw,52px);font-weight:900;border:6px solid #111111;border-radius:24px;box-shadow:8px 8px #111;padding:14px 10px;background:#fff;color:#111}.friendly-input:focus{outline:none;border-color:#ff3b30}.friendly-btn{border:6px solid #111111;border-radius:999px;box-shadow:6px 6px #111;padding:14px 16px;font-size:clamp(14px,1.7vw,22px);font-weight:900;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.friendly-btn:active{transform:translate(6px,6px);box-shadow:0 0 #111}.friendly-btn-green{background:#34c759;color:#fff}.friendly-btn-cyan{background:#00e5ff;color:#111}.friendly-btn-yellow{background:#ffe600;color:#111}.friendly-btn-red{background:#ff3b30;color:#fff}.friendly-ready{cursor:pointer}.friendly-ready-cta{border:6px solid #111111;border-radius:999px;box-shadow:6px 6px #111;background:#ff3b30;padding:16px 24px;animation:pulse 1.4s ease-in-out infinite}.friendly-ready-cta p{margin:0;font-size:clamp(24px,4vw,52px);font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:4px 4px 0 #111111;-webkit-text-stroke:3px #111111}.friendly-countdown{justify-content:center}.friendly-count-text{margin:0;font-size:clamp(120px,24vw,280px);font-weight:900;color:#fff;text-shadow:0 20px 0 #ff3b30,4px 4px 0 #111111;-webkit-text-stroke:3px #111111;animation:countdown-friendly 1s ease-in-out}.friendly-revealing{padding-top:32px}.friendly-reveal-mascot{margin-bottom:20px;position:relative;min-height:220px;display:grid;place-items:end center}.friendly-reveal-bubble{position:absolute;top:-62px;right:-170px;background:#fff;border:4px solid #111111;border-radius:16px;box-shadow:4px 4px #111;padding:8px 16px;transform:rotate(4deg);z-index:3;max-width:min(72vw,460px)}.friendly-reveal-bubble p{margin:0;font-weight:900;font-size:clamp(18px,2.4vw,36px)}.friendly-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#111;border:8px solid #ffffff;border-radius:28px;box-shadow:10px 10px #00000080;padding:16px}.friendly-slot{position:relative;overflow:hidden;width:clamp(52px,7vw,86px);height:clamp(80px,11vw,124px);background:#fff;border:6px solid #111111;border-radius:16px;box-shadow:6px 6px #111;display:grid;place-items:center;animation:pop-in-friendly .4s cubic-bezier(.175,.885,.32,1.275) forwards}.friendly-slot-char{font-size:clamp(42px,5.4vw,84px);font-weight:900;line-height:1}.friendly-slot-spinner{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;font-size:clamp(36px,4.6vw,68px);font-weight:900;opacity:.2;animation:slot-spin-friendly .3s linear infinite}.friendly-slot-num{width:clamp(52px,7vw,86px);height:clamp(80px,11vw,124px);display:flex;align-items:center;justify-content:center}.friendly-symbol{width:clamp(20px,3vw,34px);height:clamp(80px,11vw,124px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;animation:pop-in-friendly .4s cubic-bezier(.175,.885,.32,1.275) forwards}.friendly-symbol-text{font-size:clamp(42px,5.6vw,84px);font-weight:900;color:#fff;text-shadow:4px 4px 0 #111111;-webkit-text-stroke:3px #111111}.friendly-result{justify-content:center}.friendly-result.level-4{animation:shake-friendly .5s ease-in-out}.friendly-result-card{position:relative;z-index:2;width:min(980px,100%);display:flex;flex-direction:column;align-items:center;gap:14px}.friendly-result-mascot-wrap{position:relative}.friendly-result-bubble{position:absolute;top:-18px;right:-100px;background:#fff;border:6px solid #111111;border-radius:20px;box-shadow:6px 6px #111;padding:10px 14px;transform:rotate(6deg)}.friendly-result-bubble p{margin:0;font-size:clamp(20px,2.8vw,40px);font-weight:900;color:#ff3b30}.friendly-price-board{width:min(860px,100%);background:#fff;border:10px solid #111111;border-radius:24px;box-shadow:8px 8px #111;padding:20px 16px}.friendly-price-board h1{margin:0;text-align:center;font-size:clamp(48px,9vw,132px);font-weight:900;color:#111;letter-spacing:-.02em;text-shadow:4px 4px 0 #ffe600;word-break:break-all}.friendly-result.level-3 .friendly-price-board,.friendly-result.level-4 .friendly-price-board{border-color:#ff3b30}.friendly-result-actions{width:min(920px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.friendly-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.friendly-mascot{position:relative}.friendly-mascot-lg{width:clamp(160px,28vw,240px);height:clamp(160px,28vw,240px)}.friendly-mascot-md{width:clamp(148px,24vw,210px);height:clamp(148px,24vw,210px)}.friendly-mascot-xl{width:clamp(220px,32vw,320px);height:clamp(220px,32vw,320px)}.friendly-mascot-img,.friendly-mascot-fallback{width:100%;height:100%;object-fit:contain;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 10px 0 rgba(0,0,0,.3))}.friendly-mascot-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;border:6px solid #111111;border-radius:50%;background:#34c759;box-shadow:inset 0 -10px #0003;text-align:center;padding:10px}.friendly-mascot-fallback span{color:#fff;font-weight:900;font-size:clamp(16px,2vw,28px)}.friendly-mascot-fallback small{color:#fff;font-size:11px}.mascot-idle{animation:float-friendly 2s ease-in-out infinite}.mascot-thinking{animation:tilt-search-friendly 1s ease-in-out infinite}.mascot-shock{animation:panic-shake-friendly .1s linear infinite;filter:drop-shadow(0 0 20px rgba(255,0,0,.8))}.mascot-celebrate{animation:jump-joy-friendly .8s ease-in-out infinite}.mascot-fail{transform:scaleY(.5) translateY(50%);filter:grayscale(80%) brightness(.7)}.animate-squish-friendly{animation:squish-friendly .4s ease-out forwards}@keyframes pop-in{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:pop-in .28s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes curtain-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes flash-gold{0%{background-color:#ffd70000}10%{background-color:#fff}40%{background-color:#ffd70099}to{background-color:#ffd70000}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes swing{0%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes shiver{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes zoom-in-out{0%{transform:scale(.55);opacity:0}50%{transform:scale(1.35);opacity:1}to{transform:scale(2);opacity:0}}@keyframes spin-sunburst-friendly{to{transform:rotate(360deg)}}@keyframes slot-spin-friendly{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 1em))}}@keyframes pop-in-friendly{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes squish-friendly{0%{transform:scale(1)}40%{transform:scale(1.3,.7)}70%{transform:scale(.8,1.2)}to{transform:scale(1)}}@keyframes countdown-friendly{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.5) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:0}}@keyframes shake-friendly{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-8px,-8px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(8px,8px) rotate(1deg)}}@keyframes float-friendly{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes tilt-search-friendly{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}@keyframes panic-shake-friendly{0%{transform:translate(-3px,-3px)}25%{transform:translate(3px,-3px)}50%{transform:translate(-3px,3px)}75%{transform:translate(3px,3px)}to{transform:translate(-3px,-3px)}}@keyframes jump-joy-friendly{0%,to{transform:translateY(0) scale(1)}40%,60%{transform:translateY(-30px) scale(.9,1.1)}80%{transform:translateY(0) scale(1.1,.9)}}@media (max-width: 900px){.main-frame{min-height:440px}.sample-top-bar{width:min(1180px,calc(100vw - 16px));padding:8px 10px;gap:8px}.sample-top-badge{min-width:82px;height:34px;font-size:15px;letter-spacing:.08em}.sample-top-hint{display:none}.theme-switch{justify-content:center;margin-bottom:0}.pop-crest,.pop-callout{position:static}.pop-callout{margin:0 0 4px}.setup-title{margin-top:0}.ghost-bubble,.ghost-setup-icon,.ghost-lantern{position:static;animation:none}.ghost-bubble{order:0}.friendly-bubble{right:-40px;top:-30px}.friendly-reveal-bubble{right:-72px;top:-36px}.friendly-result-bubble{right:-32px;top:-10px}}@media (max-width: 720px){.app-shell{padding:82px 10px 10px}.sample-top-bar{top:8px;width:calc(100vw - 12px);border-radius:14px;padding:8px;justify-content:center}.sample-top-badge{min-width:74px;height:30px;font-size:13px;letter-spacing:.06em}.main-frame{aspect-ratio:4 / 3;min-height:0}.setup-screen{justify-content:flex-start;padding-top:16px}.pop-setup .setup-title{letter-spacing:.08em}.setup-input{width:min(86vw,420px)}.result-actions{width:min(94%,560px);padding:8px}.ghost-revealing-title{top:8px}.ghost-mascot{right:8px;bottom:95px}.friendly-screen{min-height:calc(100vh - 82px);padding:12px}.friendly-bubble{position:static;transform:none;margin-bottom:10px}.friendly-reveal-bubble{right:-10px;top:-28px;transform:rotate(2deg)}.friendly-result-bubble{position:static;transform:none;margin-bottom:10px}.friendly-result-actions{grid-template-columns:1fr}}