html,body,#root{width:100%;max-width:100vw;overflow-x:hidden;overflow-x:clip;margin:0;padding:0;position:relative}@font-face{font-family:CMU Typewriter;src:url(/fonts/cmuntt.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CMU Typewriter;src:url(/fonts/cmuntb.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Latin Modern Roman;src:url(/fonts/lmroman10-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Latin Modern Roman;src:url(/fonts/lmroman10-bolditalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--royal-blue: #002366;--royal-blue-light: #1a3a7a;--royal-gold: #d4af37;--royal-gold-light: #f3e5ab;--royal-gold-dark: #8a6e3e;--mimiaka: #b7282e;--cream-bg: #f9f7f2;--pure-white: #ffffff;--text-dark: #1a1a1a;--text-light: #666666;--wheel-size: 600px;--card-width: 180px;--card-height: 250px;--radius: 220px;--transition: all .8s cubic-bezier(.34, 1.56, .64, 1);--font-mono: "CMU Typewriter", "Latin Modern Mono", "Courier New", monospace;--font-heading: var(--font-mono), "Shippori Mincho", "Hiragino Mincho ProN", serif;--font-body: var(--font-heading)}:root[data-lang=zh]{--font-heading: var(--font-mono), "Noto Serif SC", "Songti SC", serif}:root[data-lang=en]{--font-heading: var(--font-mono), "Shippori Mincho", "Noto Serif SC", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--cream-bg);color:var(--text-dark);min-height:100vh;overflow-x:hidden}.royal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#ffffff,var(--cream-bg));z-index:-2}.royal-pattern-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--royal-gold-light) 1px,transparent 1px);background-size:30px 30px;opacity:.5;z-index:-1}.app-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-container{transition:opacity .6s ease,transform .6s ease}.app-container.is-intro{opacity:0;transform:scale(.97)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:.6s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.language-selector{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.lang-btn{background:#fff;border:1px solid var(--royal-gold);color:var(--royal-gold);padding:5px 12px;cursor:pointer;font-family:var(--font-heading);font-weight:700;transition:.3s;box-shadow:0 2px 5px #0000000d;font-size:.9rem}.lang-btn.active{background:var(--royal-gold);color:#fff}.nav-bar{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.nav-btn-wrapper{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--royal-blue);transition:.3s}.nav-btn-wrapper:hover{transform:translateY(-3px);color:var(--royal-gold)}.nav-icon-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--royal-gold);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 2px 5px #0000000d;transition:.3s;margin-bottom:5px}.nav-btn-wrapper:hover .nav-icon-circle{background:var(--royal-gold);color:#fff}:root[data-lang=ja] .nav-label{font-family:Shippori Mincho,Hiragino Mincho ProN,serif}:root[data-lang=zh] .nav-label{font-family:"Noto Serif SC",Songti SC,serif}.nav-label{font-size:.75rem;font-family:var(--font-heading);font-weight:700;letter-spacing:.5px;white-space:nowrap}.header{text-align:center;margin-bottom:10px;position:relative;z-index:200}.title-wrapper{position:relative;display:inline-block}.main-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--royal-blue);margin-bottom:5px;line-height:1.2}.subtitle{color:#666;font-size:1rem;letter-spacing:1px}.revolver-stage-wrapper{position:relative;width:100%;height:320px;margin-top:20px;display:flex;flex-direction:column;align-items:center;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none}.top-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid var(--royal-blue);z-index:150}.revolver-wheel{position:absolute;top:90px;left:50%;width:var(--wheel-size);height:var(--wheel-size);margin-left:calc(var(--wheel-size) / -2);border-radius:50%;border:1px dashed rgba(212,175,55,.3);transition:transform .8s cubic-bezier(.175,.885,.32,1.1)}.contact-card{position:absolute;width:var(--card-width);height:var(--card-height);left:50%;top:50%;margin-left:calc(var(--card-width) / -2);margin-top:calc(var(--card-height) / -2);background:#fff;clip-path:polygon(10% 0,90% 0,100% 5%,100% 95%,90% 100%,10% 100%,0 95%,0 5%);display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center center;pointer-events:none;--s: .4;transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1)) scale(var(--s));opacity:.18;filter:blur(3px) grayscale(90%);z-index:10;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease,filter .6s ease}.contact-card[data-dist="1"]{--s: .5;opacity:.42;filter:blur(1.5px) grayscale(70%);z-index:50}.contact-card.active{--s: 1.06;opacity:1;z-index:100;pointer-events:auto;filter:drop-shadow(0 15px 30px rgba(212,175,55,.3));transition:transform .9s cubic-bezier(.55,0,.3,1.45),opacity .5s ease .15s,filter .5s ease .15s}.slot-0{--angle: 0deg}.slot-1{--angle: 72deg}.slot-2{--angle: 144deg}.slot-3{--angle: 216deg}.slot-4{--angle: 288deg}.card-inner{width:100%;height:100%;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:2px solid var(--royal-gold);background:linear-gradient(135deg,#fff,#fcfbf8)}.card-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:5px;font-size:16px;flex-shrink:0}.instagram-bg{background:linear-gradient(45deg,#f09433,#bc1888)}.line-bg{background:#00b900}.wechat-bg{background:#07c160}.facebook-bg{background:#1877f2}.red-bg{background:#fe2c55}.card-title{font-family:var(--font-heading);color:var(--royal-blue);font-size:.9rem;margin:2px 0}.qr-box{width:100px;height:100px;padding:3px;border:1px solid #eee;background:#fff}.qr-box img{width:100%;height:100%;object-fit:contain}.card-action{text-align:center;width:100%;margin-top:5px}.id-text{display:block;font-size:.75rem;color:#666;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.action-btn{width:90%;padding:8px 0;background:var(--royal-blue);color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;font-family:var(--font-heading);font-weight:700;transition:.3s}.action-btn:hover{background:var(--royal-gold)}.round-spin-btn{position:relative;display:block;margin:0;flex-shrink:0;width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(145deg,var(--royal-gold),var(--royal-gold-dark));box-shadow:0 6px 15px #0003,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0003;transition:all .2s ease;z-index:200}.round-spin-btn:active{transform:translateY(3px) scale(.95);box-shadow:0 2px 5px #0003,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0003}.spin-btn-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.spin-btn-inner span{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:#3e2b08;text-shadow:0 1px 1px rgba(255,255,255,.3);letter-spacing:1px}.spin-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;margin:15px auto 34px;z-index:200}.dial-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--royal-gold);background:#ffffffeb;color:var(--royal-blue);display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;box-shadow:0 3px 8px #00236614,inset 0 0 0 3px #fff,inset 0 0 0 4px #d4af3759;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s}.dial-arrow:hover{background:var(--royal-blue);color:var(--royal-gold)}.dial-arrow:first-child:hover{transform:translate(-3px)}.dial-arrow:nth-child(3):hover{transform:translate(3px)}.dial-arrow:active{transform:scale(.92)}.spin-hint{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-heading);font-size:.72rem;letter-spacing:.5px;color:var(--royal-gold-dark);opacity:.9;transition:opacity .5s ease,transform .5s ease;pointer-events:none;animation:hintBreath 2.4s ease-in-out infinite}.spin-hint.hidden{opacity:0;transform:translate(-50%) translateY(-4px);animation:none}@keyframes hintBreath{0%,to{opacity:.55}50%{opacity:1}}.guide-wrapper{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:15px;border:1px solid #eee;box-shadow:0 5px 20px #0000000d}.guide-title{font-family:var(--font-heading);color:var(--royal-blue);text-align:center;margin-bottom:10px;font-size:1.2rem}.guide-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.guide-tab{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#999;display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer}.guide-tab:not(.active):hover{color:var(--royal-blue);border-color:var(--royal-gold);transform:translateY(-2px)}.guide-tab.active{background:var(--royal-blue);color:#fff;border-color:var(--royal-blue);transform:scale(1.1)}.guide-content-box{min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;color:#555}@keyframes naturalWiggle{0%,85%{transform:scale(1) rotate(0)}87%{transform:scale(1.05) rotate(-6deg)}89%{transform:scale(1.05) rotate(6deg)}91%{transform:scale(1.05) rotate(-3deg)}93%{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes groove{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-3px)}to{transform:scale(1) translateY(0)}}.peaky-audio-container{position:absolute;transform:translateY(-50%) scale(1);inset:50% -215px auto auto;z-index:201;width:70px;display:flex;flex-direction:column;align-items:center}.peaky-audio-btn{background:none;border:none;padding:0;position:relative;cursor:pointer;animation:naturalWiggle 6s infinite ease-in-out;transform-origin:center bottom;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.peaky-audio-btn:hover{animation:none;transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.peaky-audio-btn:active{transform:scale(.95) rotate(-5deg)}.peaky-audio-btn.playing{animation:groove .8s infinite ease-in-out!important}.peaky-audio-btn.playing:hover{animation-play-state:running}.peaky-cap-img{width:65px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.3));display:block}.audio-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--royal-blue);color:var(--royal-gold);padding:3px 6px;font-size:9px;border-radius:4px;white-space:nowrap;font-family:var(--font-heading);font-weight:700;box-shadow:0 2px 5px #0003;opacity:1;pointer-events:none;transition:all .3s ease}footer{text-align:center;margin-top:30px;font-size:.7rem;color:#aaa;padding-bottom:20px}.modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.modal-content{background:#fff;width:80%;max-width:300px;border-radius:10px;padding:20px;text-align:center;position:relative}.close-btn{position:absolute;right:8px;top:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;font-size:18px;color:#888;cursor:pointer;transition:.2s}.close-btn:hover{color:var(--royal-blue);background:#f2efe6}.modal-title{color:var(--royal-blue);font-family:var(--font-heading);margin-bottom:15px}@media(max-width:480px){:root{--wheel-size: 500px;--radius: 190px;--card-width: 150px;--card-height: 220px}.app-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 0 env(safe-area-inset-bottom);overflow:hidden}main{width:100%}.language-selector{flex-shrink:0;margin-bottom:15px}.nav-bar{flex-shrink:0;margin-bottom:30px;gap:12px;flex-wrap:nowrap;max-width:100%;padding:0 8px;box-sizing:border-box}.nav-icon-circle{width:36px;height:36px;font-size:1rem}.nav-label{font-size:.7rem;letter-spacing:.2px}.header{flex-shrink:0;margin-bottom:5px}.main-title{font-size:1.8rem;margin-bottom:0}.subtitle{font-size:.8rem;opacity:.8}.header{width:100%}.title-wrapper{position:static}.peaky-audio-container{top:-4px;right:10px;transform:scale(.85);transform-origin:top right}.revolver-stage-wrapper{flex-grow:0;width:100%;height:300px;min-height:300px;display:flex;align-items:center;justify-content:center;margin:0;z-index:10}.revolver-wheel{top:50%;margin-top:-30px;position:absolute}.spin-controls{flex-shrink:0;margin:6px auto 26px;gap:18px;z-index:300}.round-spin-btn{width:62px;height:62px}.dial-arrow{width:38px;height:38px;font-size:.85rem}.spin-hint{font-size:.66rem;top:calc(100% + 5px)}.guide-wrapper{flex-shrink:0;width:92%;margin:0 auto 20px;padding:12px;background:#fffffff2;box-shadow:0 -5px 20px #0000000d;position:relative;z-index:20}footer{margin-top:0;padding-bottom:12px}.qr-box{width:85px;height:75px;padding:2px}.card-inner{padding:10px 5px}.card-title{font-size:.85rem;margin:2px 0}}@media(max-width:360px){.main-title{font-size:1.6rem}.subtitle{font-size:.72rem}.peaky-audio-container{right:4px;transform:scale(.75)}.nav-bar{gap:8px}.nav-icon-circle{width:34px;height:34px;font-size:.95rem}.nav-label{font-size:.65rem;letter-spacing:0}}@media(max-width:480px)and (max-height:740px){:root{--radius: 180px;--card-width: 140px;--card-height: 200px}.language-selector{margin-bottom:8px}.lang-btn{padding:3px 10px;font-size:.8rem}.nav-bar{margin-bottom:12px}.nav-icon-circle{width:34px;height:34px;margin-bottom:3px}.main-title{font-size:1.6rem;line-height:1.15}.revolver-stage-wrapper{height:240px;min-height:240px}.revolver-wheel{margin-top:-56px}.top-indicator{top:6px}.qr-box{width:78px;height:70px}.spin-controls{margin:4px auto 22px;gap:16px}.round-spin-btn{width:56px;height:56px}.dial-arrow{width:36px;height:36px}.spin-hint{top:calc(100% + 3px)}.guide-wrapper{padding:10px 12px;margin-bottom:12px}.guide-title{font-size:1.05rem;margin-bottom:6px}.guide-tabs{margin-bottom:4px}.guide-tab{width:32px;height:32px}.guide-content-box{min-height:34px;font-size:.85rem}}.intro-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:var(--cream-bg);background-image:radial-gradient(var(--royal-gold-light) 1px,transparent 1px);background-size:30px 30px;cursor:pointer}.tx-intro{display:flex;flex-direction:column;align-items:center;width:min(560px,92vw);margin-top:-6vh;text-align:center}.tx-tab{display:flex;align-items:center;gap:8px;margin-bottom:26px;padding:4px 12px 5px;border-bottom:1px solid rgba(212,175,55,.55);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--royal-gold-dark)}.tx-file{white-space:pre}.tx-dot{font-size:.6rem;color:var(--royal-gold);opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.tx-dot.on{opacity:1;transform:scale(1)}.tx-dot{position:relative;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1),color .3s ease}.tx-dot.ok{color:#2f9e5b;animation:txDotPop .45s cubic-bezier(.34,1.56,.64,1)}.tx-dot.ok:after{content:"";position:absolute;left:50%;top:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border-radius:50%;border:1px solid #2f9e5b;animation:txDotRing .8s ease-out forwards}@keyframes txDotPop{0%{transform:scale(1)}45%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes txDotRing{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.6);opacity:0}}.tx-line{height:1.5em;line-height:1.5;font-family:var(--font-mono);font-size:clamp(1.35rem,6vw,2.1rem);white-space:pre;color:var(--text-dark)}.tx-markup{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:pre}.tx-cmd{color:var(--royal-blue)}.tx-brace{color:var(--royal-gold-dark)}.tx-name{display:inline-grid;vertical-align:baseline;transform-origin:50% 60%;font-weight:700}.tx-name>span{grid-area:1 / 1;white-space:pre}.tx-before{color:var(--text-dark)}.tx-after{color:var(--royal-blue)}.tx-en .tx-before{font-family:var(--font-mono)}.tx-en .tx-after{font-family:Latin Modern Roman,"CMU Serif",Times New Roman,serif;font-style:italic;font-weight:400}.tx-ja .tx-before{font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.tx-ja .tx-after{font-family:Klee One,Hiragino Maru Gothic ProN,cursive;font-weight:600}.tx-zh .tx-before{font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.tx-zh .tx-after{font-family:Ma Shan Zheng,Kaiti SC,STKaiti,KaiTi,cursive;font-weight:400}.tx-ja .tx-name,.tx-zh .tx-name{letter-spacing:.08em}.tx-caret{display:inline-block;width:2px;height:1.05em;margin:0 1px;vertical-align:-.17em;background:var(--royal-blue);animation:txBlink 1s steps(1) infinite}.tx-caret.is-typing{animation:none}.tx-caret-sm{width:1px;height:1em;margin:0 0 0 -7px;vertical-align:-.15em}@keyframes txBlink{50%{opacity:0}}.tx-rule{display:block;width:56px;height:1px;margin:26px auto 14px;background:var(--royal-gold);transform-origin:center}.tx-sub{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;padding-left:.32em;color:var(--royal-gold-dark)}.tx-ja .tx-sub{font-family:Shippori Mincho,serif;font-size:.82rem}.tx-zh .tx-sub{font-family:"Noto Serif SC",serif;font-size:.82rem}.intro-skip{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:none;border:1px solid rgba(138,110,62,.4);border-radius:999px;padding:6px 14px;font-family:var(--font-heading);font-size:.75rem;letter-spacing:1px;color:var(--royal-gold-dark);cursor:pointer;transition:.2s}.intro-skip:hover{background:var(--royal-gold);border-color:var(--royal-gold);color:#fff}:focus-visible{outline:2px solid var(--royal-gold);outline-offset:3px}.nav-btn-wrapper:focus-visible{outline-offset:4px;border-radius:6px}.nav-btn-wrapper:focus-visible .nav-icon-circle{background:var(--royal-gold);color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}