@font-face{font-family:DRUMP Display;src:url(../assets/fonts/LXGWWenKaiScreen.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:DRUMP Display,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#eaf7ff;background:#02040a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(92,224,246,.72) rgba(4,12,26,.66)}*::-webkit-scrollbar{width:.62rem;height:.62rem}*::-webkit-scrollbar-track{background:#040c1ab8;border-radius:999px;border:1px solid rgba(87,178,213,.18)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#74e6f8,#3878ae);border:2px solid rgba(4,12,26,.82);border-radius:999px;box-shadow:0 0 8px #48def847}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c1f7ff,#4f9fe4)}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit}button{border:1px solid rgba(114,218,255,.3);border-radius:6px;color:#dcf8ff;background:linear-gradient(135deg,#0a2a3ef0,#1c0c30f0);padding:.72rem 1rem;cursor:pointer;transition:.18s ease}button:hover{border-color:#5ee8ff;box-shadow:0 0 18px #46d7ff40;transform:translateY(-1px)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #72ecff;outline-offset:2px}button:disabled{cursor:default;opacity:.42;transform:none;box-shadow:none}.glass-panel{background:linear-gradient(135deg,#07141fe6,#12081ed6);border:1px solid rgba(95,225,255,.27);box-shadow:0 12px 40px #00000059,inset 0 0 30px #3b76b70f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-screen{width:100%;height:100%;display:grid;place-content:center;gap:clamp(.8rem,2vh,1.5rem);text-align:center;background:radial-gradient(circle at 50% 32%,#173347 0,#090b1b 36%,#020308 76%);position:relative;isolation:isolate}.menu-screen:before,.menu-aura{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.menu-screen:before{background-image:linear-gradient(rgba(72,221,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(72,221,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 25%,black 80%,transparent)}.menu-aura{margin:auto;width:38rem;height:38rem;border:1px solid rgba(103,220,255,.18);border-radius:50%;box-shadow:0 0 80px #4e3edd38,inset 0 0 80px #2ad1ff14;top:8%}.title-lockup h1{font-family:serif;letter-spacing:.35em;font-size:clamp(2.4rem,6vw,4.8rem);margin:0;text-shadow:0 0 28px rgba(91,226,255,.5)}.title-lockup p{color:#9eb5cc;margin:.7rem auto;max-width:36rem}.eyebrow{letter-spacing:.35em;color:#67e5ff!important;font-size:.72rem}.drump-title{color:#f1cf72;letter-spacing:.72em;margin-right:-.72em;font-weight:800}.menu-panel{width:min(92vw,42rem);padding:1rem;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;border-radius:12px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.menu-panel .primary-button,.menu-panel .continue-button,.menu-panel .animation-settings,.menu-panel .volume-setting{grid-column:1 / -1}.primary-button{background:linear-gradient(135deg,#0b7593,#52339b);border-color:#66e7ff;font-weight:700}.continue-button{border-color:#f4c95da6;color:#f7dc8c}.difficulty-select{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.38rem .55rem;color:#99b7cb;border:1px solid rgba(68,120,151,.22);border-radius:6px}.difficulty-select select{color:#e9fbff;background:#111a32;border:1px solid #355873;border-radius:6px;padding:.35rem .6rem}.animation-settings{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.animation-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0;padding:.48rem .6rem;color:#a9c5d7;border:1px solid rgba(68,120,151,.25);border-radius:7px;background:#05101e5c;cursor:pointer}.animation-toggle>span{display:grid;gap:.08rem;min-width:0}.animation-toggle strong{color:#dff9ff;font-size:.72rem;font-weight:600}.animation-toggle small{color:#69859b;font-size:.58rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animation-toggle input{position:absolute;opacity:0;pointer-events:none}.animation-toggle i{position:relative;flex:0 0 auto;width:2rem;height:1.08rem;border:1px solid #355873;border-radius:999px;background:#111a2d;box-shadow:inset 0 1px 4px #0000008c;transition:.2s ease}.animation-toggle i:after{content:"";position:absolute;top:.13rem;left:.14rem;width:.7rem;height:.7rem;border-radius:50%;background:#6d8294;transition:.2s ease}.animation-toggle input:checked+i{border-color:#55dff7;background:#14849e85;box-shadow:0 0 10px #3cdef93d,inset 0 0 5px #44e8ff33}.animation-toggle input:checked+i:after{left:1.04rem;background:#d8fbff;box-shadow:0 0 7px #65e9ff}.animation-toggle:focus-within{outline:2px solid #72ecff;outline-offset:2px}.volume-setting{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center;padding:.55rem;border-top:1px solid rgba(95,225,255,.15)}.volume-setting label{display:flex;align-items:center;gap:.55rem;color:#9eb9ca;font-size:.78rem}.volume-setting input{width:100%;accent-color:#58ddf8}.mute-button{padding:.48rem .65rem;font-size:.72rem}.menu-error{grid-column:1 / -1;margin:0;color:#ff91ad;font-size:.76rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.version{position:fixed;bottom:1rem;width:100%;color:#516780;font-size:.65rem;letter-spacing:.2em}.home-screen{width:100%;height:100%;overflow:auto;color:#d7e9f6;background:radial-gradient(ellipse at 50% -10%,#17334b 0,#090c1b 38%,#02040a 78%)}.home-screen:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(69,226,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(69,226,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.home-header,.home-hero,.home-content,.home-screen footer{position:relative;z-index:1;width:min(92vw,1440px);margin-inline:auto}.home-header{height:4.8rem;display:flex;align-items:center}.home-mark{color:#f1cf72;font-family:serif;font-size:1.2rem;font-weight:800;letter-spacing:.35em}.home-hero{min-height:calc(68svh - 4.8rem);display:grid;align-content:center;justify-items:center;padding:3.2rem 1rem 4.2rem;text-align:center}.home-hero h1{margin:.25rem 0 .75rem;color:#f3d37c;font-family:serif;font-size:clamp(1rem,5.1vw,5.2rem);line-height:1.15;letter-spacing:clamp(.04em,.25vw,.12em);white-space:nowrap;text-shadow:0 0 34px rgba(244,204,101,.25),0 0 70px rgba(76,214,255,.16)}.home-lead{max-width:100%;margin:0;color:#a8c2d6;font-size:clamp(.65rem,1.7vw,1.12rem);line-height:1.8;white-space:nowrap}.home-cta{margin-top:1.7rem;padding:.82rem 1.55rem;font-weight:700;letter-spacing:.08em}.home-cta span{margin-left:.45rem;color:#ffdd7a;font-size:1.1rem}.home-content{display:grid;gap:1.25rem;padding-bottom:3.8rem}.home-content>.home-story:first-child{min-height:calc(32svh - 1.25rem)}.home-story{padding:clamp(1.15rem,3vw,2.2rem);border-radius:14px;line-height:1.85}.home-story h2,.home-section-heading h2{margin:0 0 .7rem;color:#78e8fb;font-family:serif;letter-spacing:.1em}.home-story p{margin:.55rem 0;color:#b5cbdb}.home-rules{padding:1.2rem 0}.home-section-heading{margin-bottom:.9rem;text-align:center}.home-section-heading span{color:#ee82ab;font-size:.62rem;font-weight:700;letter-spacing:.28em}.home-section-heading h2{margin:.25rem 0 0;color:#f1d17b;font-size:1.5rem}.home-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.home-rule-grid article{min-height:14rem;padding:1.15rem;background:linear-gradient(145deg,#091f31e0,#1e0a2dd1);border:1px solid rgba(94,225,255,.24);border-radius:10px;box-shadow:inset 0 0 28px #578ac30d}.home-rule-grid strong{display:block;color:#f1d177;font-family:serif;font-size:1.75rem;letter-spacing:.05em}.home-rule-grid h3{margin:.4rem 0;color:#75e6f7;font-size:.92rem}.home-rule-grid p{margin:0;color:#a6bdce;font-size:.8rem;line-height:1.65}.home-closing{text-align:center}.home-closing button{margin-top:.75rem}.home-screen footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1rem;padding:0 0 2rem;color:#58728a;font-size:.68rem;letter-spacing:.12em;text-align:center}.home-screen footer a{color:#77dff2;text-decoration:none;transition:color .18s ease,text-shadow .18s ease}.home-screen footer a:hover{color:#f0d17b;text-shadow:0 0 10px rgba(110,232,251,.48)}.rules-screen{height:100%;overflow:auto;background:#060915;padding-bottom:5rem}.rules-screen header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:2rem;padding:1rem max(1rem,calc((100% - 900px)/2));background:#050813f0;border-bottom:1px solid #263a5a}.rules-screen header h1{margin:0;font-size:1.2rem}.rules-screen .rules-practice-button{margin-left:auto;border-color:#f1cf728c;color:#f2d47c}.rules-screen article{max-width:900px;margin:2rem auto;padding:2rem;line-height:1.75;color:#c8d7e8;background:#0a1021;border:1px solid #1d3451;border-radius:12px}.markdown-guide h1,.markdown-guide h2,.markdown-guide h3{color:#7aeaff;line-height:1.3}.markdown-guide h1{margin:0 0 1.5rem;font-size:2rem;text-align:center;color:#f2d47c}.markdown-guide h2{margin:2.4rem 0 .9rem;padding-bottom:.45rem;border-bottom:1px solid rgba(105,226,255,.28);font-size:1.35rem}.markdown-guide h3{margin:1.5rem 0 .45rem;font-size:1.05rem;color:#e2f6ff}.markdown-guide p{margin:.65rem 0}.markdown-guide ul,.markdown-guide ol{margin:.55rem 0 1rem;padding-left:1.5rem}.markdown-guide li{margin:.32rem 0}.markdown-guide strong{color:#f3d77f}.guide-table-wrap{overflow-x:auto;margin:1rem 0 1.4rem;border:1px solid rgba(82,174,218,.3);border-radius:8px}.markdown-guide table{width:100%;border-collapse:collapse;min-width:430px}.markdown-guide th,.markdown-guide td{padding:.6rem .75rem;border-bottom:1px solid rgba(82,174,218,.2);text-align:left}.markdown-guide th{color:#74e4fb;background:#20516f42}.markdown-guide tr:last-child td{border-bottom:0}.game-screen{width:100%;height:100%;position:relative;background:#03050c;isolation:isolate}.game-screen:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.44) 100%),linear-gradient(110deg,rgba(24,220,255,.035),transparent 42%,rgba(255,51,128,.045))}.three-table{position:absolute;inset:0}.three-table canvas{display:block;width:100%;height:100%;filter:saturate(1.16) contrast(1.05)}.table-loading{position:absolute;inset:0;display:grid;place-items:center;color:#62e6ff;background:radial-gradient(circle,#111a38,#03050c 60%);letter-spacing:.12em}.summon-cinematic{position:absolute;inset:0;z-index:18;overflow:hidden;isolation:isolate;display:grid;place-items:center;color:#eafdff;cursor:pointer;background:radial-gradient(circle at 50% 48%,#19204db8,#02040cf5 68%);animation:summon-screen-in .22s ease-out both}.summon-cinematic img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.summon-vignette{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.2) 48%,rgba(0,0,0,.9) 100%),linear-gradient(120deg,rgba(34,218,255,.08),transparent 45%,rgba(255,47,151,.1))}.summon-energy-lines{position:absolute;z-index:-1;inset:-30%;opacity:.55;background:repeating-conic-gradient(from 12deg at 50% 50%,transparent 0 7deg,rgba(58,218,255,.16) 7.3deg 7.7deg,transparent 8deg 17deg);-webkit-mask-image:radial-gradient(circle,black 0 42%,transparent 70%);mask-image:radial-gradient(circle,black 0 42%,transparent 70%);animation:summon-energy-spin 11s linear infinite}.summon-sigil{position:absolute;z-index:-1;left:50%;top:50%;width:min(78vmin,760px);aspect-ratio:1;border:1px solid rgba(93,231,255,.62);border-radius:50%;box-shadow:0 0 24px #25d6ff61,inset 0 0 35px #ed34ac2e}.summon-sigil:before,.summon-sigil:after{content:"";position:absolute;inset:8%;border:1px solid rgba(241,204,101,.42);transform:rotate(45deg);box-shadow:0 0 18px #f1cc6533}.summon-sigil:after{inset:22%;border-color:#e541b380;transform:rotate(22.5deg)}.summon-cinematic.complete .summon-sigil:before,.summon-cinematic.complete .summon-sigil:after{border-radius:50%;transform:none;border-color:#5ce2ff38;box-shadow:0 0 24px #4adeff24,inset 0 0 28px #e541b31a}.summon-sigil-outer{transform:translate(-50%,-50%);animation:summon-sigil-clockwise 8s linear infinite,summon-sigil-pulse 1.15s ease-in-out infinite alternate}.summon-sigil-inner{width:min(54vmin,520px);transform:translate(-50%,-50%);border-style:dashed;border-color:#fc4eaab3;animation:summon-sigil-counter 5s linear infinite}.summon-cinematic.complete .summon-sigil-outer{opacity:.72;animation:summon-sigil-clockwise 14s linear infinite}.summon-cinematic.complete .summon-sigil-inner{opacity:.68;animation:summon-sigil-counter 11s linear infinite}.summon-cinematic.complete .summon-energy-lines{opacity:.42;animation-duration:18s}.summon-skip{position:absolute;z-index:6;top:max(1rem,env(safe-area-inset-top));right:1rem;padding:.38rem .65rem;color:#8ba9bd;font-size:.66rem;border-color:#72daff33;background:#030914a3}.summon-single-stage,.summon-complete-stage{position:relative;width:min(96vw,1180px);height:min(88vh,820px);display:grid;place-items:center}.summon-part-frame{position:relative;width:min(68vmin,650px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 24px rgba(68,221,255,.48));animation:summon-part-materialize 2.55s cubic-bezier(.16,.82,.2,1) both}.summon-part-halo{position:absolute;width:69%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(112,235,255,.28),transparent 62%);box-shadow:0 0 90px #36d9ff5c,0 0 150px #ef3ab133;animation:summon-halo 1s ease-in-out infinite alternate}.summon-part-art{position:relative;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at center,black 44%,rgba(0,0,0,.96) 62%,transparent 82%);mask-image:radial-gradient(ellipse at center,black 44%,rgba(0,0,0,.96) 62%,transparent 82%)}.summon-card-reveal{position:absolute;z-index:3;right:10%;bottom:13%;width:clamp(4.5rem,9vw,7rem);aspect-ratio:5 / 7;transform:rotate(7deg);animation:summon-card-rise 2.5s cubic-bezier(.16,.8,.2,1) both}.summon-card-reveal:before{content:"";position:absolute;inset:-8%;z-index:-1;background:radial-gradient(circle,rgba(248,210,103,.75),transparent 65%);filter:blur(10px)}.summon-card-reveal img{width:100%;height:100%;object-fit:cover;border:2px solid rgba(245,213,116,.85);border-radius:6px;box-shadow:0 0 28px #f4cc6573}.summon-copy{position:absolute;z-index:4;left:7%;bottom:10%;display:grid;gap:.25rem;max-width:30rem;padding-left:1rem;border-left:3px solid #61e8ff;text-shadow:0 0 14px rgba(67,219,255,.52);animation:summon-copy-in 2.45s ease-out both}.summon-copy span,.summon-complete-copy span{color:#71e9fb;font-size:.65rem;font-weight:700;letter-spacing:.3em}.summon-copy strong{color:#f4d77e;font-family:serif;font-size:clamp(1.65rem,4vw,3.2rem);letter-spacing:.12em}.summon-copy p{margin:0;color:#d9ebf6;font-size:clamp(.78rem,1.45vw,1rem)}.summon-overline{position:absolute;z-index:4;top:2%;margin:0;color:#7eecff;font-size:.68rem;font-weight:700;letter-spacing:.38em;animation:summon-copy-in 1.3s ease-out both}.summon-composite-dragon{position:relative;z-index:2;width:min(70vmin,660px);aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(.25rem,1vmin,.65rem);padding:clamp(.2rem,.7vmin,.45rem);filter:drop-shadow(0 0 24px rgba(68,218,255,.46));contain:layout}.summon-composite-dragon:before{content:"";position:absolute;z-index:0;inset:7%;opacity:0;border:1px solid rgba(102,231,255,.28);border-radius:50%;transform:scale(.86);box-shadow:0 0 32px #45e0ff33,inset 0 0 40px #ed3cb51f;pointer-events:none;animation:summon-composite-aura 5.1s ease-out both}.summon-composite-part{--entry-x: 0;--entry-y: 0;--final-x: 0%;--final-y: 0%;position:relative;z-index:1;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:#020611b8;border:1px solid rgba(91,220,243,.1);will-change:transform,opacity;backface-visibility:hidden;animation:summon-quadrant-assemble 3.45s cubic-bezier(.2,.72,.2,1) calc(var(--part-index) * .08s) both}.summon-composite-part.zone-head{--entry-x: -31vw;--entry-y: -18vh}.summon-composite-part.zone-wing{--entry-x: 31vw;--entry-y: -18vh}.summon-composite-part.zone-body{--entry-x: -31vw;--entry-y: 21vh}.summon-composite-part.zone-tail{--entry-x: 31vw;--entry-y: 21vh}.summon-composite-art{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.1) brightness(1.04)}.summon-composite-card{position:absolute;z-index:5;width:18%;aspect-ratio:5 / 7;object-fit:cover;border:1px solid rgba(244,211,111,.82);border-radius:3px;box-shadow:0 0 12px #f4c95d66}.summon-composite-part.zone-head .summon-composite-card,.summon-composite-part.zone-body .summon-composite-card{left:2%}.summon-composite-part.zone-wing .summon-composite-card,.summon-composite-part.zone-tail .summon-composite-card{right:2%}.summon-composite-part.zone-head .summon-composite-card,.summon-composite-part.zone-wing .summon-composite-card{top:3%}.summon-composite-part.zone-body .summon-composite-card,.summon-composite-part.zone-tail .summon-composite-card{bottom:3%}.summon-composite-part>span{position:absolute;z-index:5;padding:.18rem .4rem;color:#e7fbff;font-size:.6rem;letter-spacing:.1em;background:#030a18b8;border:1px solid rgba(92,225,247,.28);border-radius:999px;text-shadow:0 0 7px #36d8ff}.summon-composite-part.zone-head>span,.summon-composite-part.zone-body>span{left:22%}.summon-composite-part.zone-wing>span,.summon-composite-part.zone-tail>span{right:22%}.summon-composite-part.zone-head>span,.summon-composite-part.zone-wing>span{top:4%}.summon-composite-part.zone-body>span,.summon-composite-part.zone-tail>span{bottom:4%}.summon-composite-core{position:absolute;z-index:0;left:50%;top:50%;width:12%;aspect-ratio:1;opacity:0;transform:translate(-50%,-50%);border:1px solid rgba(116,233,255,.42);border-radius:50%;background:radial-gradient(circle,rgba(229,246,255,.82),rgba(63,222,255,.3) 22%,rgba(232,57,181,.18) 48%,transparent 70%);box-shadow:0 0 16px #6ce9ff,0 0 42px #eb3dbb61;animation:summon-core-pulse .7s ease-in-out 3.15s infinite alternate}.summon-complete-copy{position:absolute;z-index:5;bottom:2%;display:grid;justify-items:center;text-align:center;text-shadow:0 0 18px rgba(88,224,255,.65);animation:summon-final-copy 5.1s ease-out both}.summon-complete-copy strong{color:#f3d277;font-family:serif;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.95;letter-spacing:.22em;margin-right:-.22em}.summon-complete-copy small{margin-top:.4rem;color:#f1d98d;letter-spacing:.25em}@keyframes summon-screen-in{0%{opacity:0}to{opacity:1}}@keyframes summon-energy-spin{to{transform:rotate(1turn) scale(1.04)}}@keyframes summon-sigil-clockwise{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes summon-sigil-counter{to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes summon-sigil-pulse{0%{opacity:.45;filter:brightness(.8)}to{opacity:.95;filter:brightness(1.35)}}@keyframes summon-halo{0%{transform:scale(.86);opacity:.55}to{transform:scale(1.08);opacity:1}}@keyframes summon-part-materialize{0%{opacity:0;transform:scale(.18) rotate(-15deg)}24%{opacity:1}58%{transform:scale(1.08) rotate(1deg)}to{opacity:1;transform:scale(1)}}@keyframes summon-card-rise{0%,20%{opacity:0;transform:translate(90px,110px) rotate(25deg) scale(.4)}58%,to{opacity:1;transform:translate(0) rotate(7deg) scale(1)}}@keyframes summon-copy-in{0%,28%{opacity:0;transform:translate(-36px)}62%,to{opacity:1;transform:translate(0)}}@keyframes summon-core-pulse{0%{transform:translate(-50%,-50%) scale(.86);opacity:.55}to{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes summon-quadrant-assemble{0%{opacity:.12;transform:translate3d(var(--entry-x),var(--entry-y),0) rotate(-3deg)}12%{opacity:1}72%{transform:translate3d(var(--final-x),var(--final-y),0) rotate(.8deg)}82%,to{opacity:1;transform:translate3d(var(--final-x),var(--final-y),0) rotate(0)}}@keyframes summon-composite-aura{0%,58%{opacity:0;transform:scale(.72)}76%,to{opacity:1;transform:scale(.86)}}@keyframes summon-final-copy{0%,68%{opacity:0;transform:translateY(18px) scale(.88)}82%,to{opacity:1;transform:translateY(0) scale(1)}}.event-banner{position:absolute;z-index:8;top:18%;left:50%;transform:translate(-50%);max-width:70vw;padding:.7rem 2.6rem;color:#f9e7a9;font-family:serif;font-size:clamp(1rem,2.2vw,1.65rem);letter-spacing:.08em;text-align:center;text-shadow:0 0 15px #df9d24;border-top:1px solid rgba(255,213,98,.55);border-bottom:1px solid rgba(255,213,98,.55);background:linear-gradient(90deg,transparent,rgba(20,12,42,.92) 18%,rgba(12,30,48,.92) 82%,transparent);animation:event-in 1.8s ease both;pointer-events:none}.combat-target-indicator{position:absolute;z-index:8;top:25%;left:50%;display:grid;gap:.2rem;min-width:min(80vw,22rem);padding:.52rem .9rem;transform:translate(-50%);color:#ffdce8;text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(61,8,35,.86) 16%,rgba(46,9,31,.94) 84%,transparent);border-top:1px solid rgba(255,77,139,.8);border-bottom:1px solid rgba(255,77,139,.8);box-shadow:0 0 22px #ff2f7e2b}.combat-target-indicator span{color:#ff76a9;font-size:.58rem;font-weight:700;letter-spacing:.28em}.combat-target-indicator strong{font-size:clamp(.76rem,1.45vw,.98rem);letter-spacing:.06em;text-shadow:0 0 10px rgba(255,83,145,.7)}.combat-play-card{position:absolute;z-index:10;top:5.2rem;left:50%;width:min(15rem,42vw);min-height:6.2rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .7rem .65rem .9rem;transform:translate(-50%);border-color:#ff5794b3;box-shadow:0 14px 38px #00000085,0 0 28px #ff368433;pointer-events:none;animation:combat-card-present .46s cubic-bezier(.18,.78,.2,1) both}.combat-play-card>div{display:grid;gap:.16rem;min-width:0}.combat-play-card span{color:#ff72a7;font-size:.58rem;font-weight:800;letter-spacing:.25em}.combat-play-card strong{color:#fff0f5;font-size:.88rem;text-shadow:0 0 10px rgba(255,82,146,.58)}.combat-play-card small{overflow:hidden;color:#91acbe;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.combat-play-card img{flex:0 0 auto;width:3.55rem;aspect-ratio:5 / 7;object-fit:cover;border:2px solid rgba(255,110,163,.82);border-radius:5px;box-shadow:0 0 18px #ff3d8957;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes combat-card-present{0%{opacity:0;transform:translate(-50%,-15px) scale(.86)}65%{opacity:1;transform:translate(-50%,3px) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}.power-peek{position:absolute;z-index:9;left:50%;bottom:10.2rem;transform:translate(-50%);display:grid;gap:.42rem;min-width:12rem;padding:.6rem .75rem;border-radius:8px;pointer-events:none}.power-peek>span{color:#73e5f8;font-size:.68rem;letter-spacing:.08em;text-align:center}.power-peek>div{display:flex;justify-content:center}.power-peek img{width:3.15rem;height:4.45rem;margin-left:-.55rem;object-fit:cover;border:1px solid rgba(109,229,250,.58);border-radius:4px;box-shadow:0 3px 10px #0000006b}.power-peek img:first-child{margin-left:0}@keyframes event-in{0%{opacity:0;transform:translate(-50%,18px) scale(.92)}14%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(1.03)}}.game-hud{position:absolute;z-index:4;top:max(.6rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,700px);height:3.7rem;display:flex;align-items:center;justify-content:center;gap:clamp(.45rem,1.45vw,1.25rem);padding:.4rem .7rem;border-radius:8px}.game-hud>div{display:grid;text-align:center}.game-hud span{font-size:.62rem;color:#748da7;letter-spacing:.12em}.game-hud strong{color:#dffbff}.icon-button{padding:.45rem .65rem}.turn-indicator{padding:.45rem .8rem;border-left:1px solid #263c56;min-width:7.5rem}.turn-indicator.human{color:#57e7ff}.turn-indicator.ai{color:#ff70a1}.opponent-status{position:absolute;z-index:4;top:5.1rem;left:1rem;padding:.65rem .85rem;border-radius:8px;display:grid;font-size:.75rem;color:#ff90b2}.opponent-status strong{color:#fff}.discard-status{position:absolute;z-index:4;top:5.1rem;right:1rem;min-width:6.5rem;padding:.65rem .85rem;display:grid;gap:.08rem;border-radius:8px;color:#69e8fb;font-size:.75rem;text-align:left}.discard-status span{color:#7b97ac;font-size:.62rem;letter-spacing:.1em}.discard-status strong{color:#e9fbff}.timing-status{position:absolute;z-index:4;top:9.15rem;right:1rem;min-width:6.5rem;padding:.52rem .8rem;display:grid;gap:.06rem;border-radius:8px;color:#70899d;font-size:.7rem;text-align:left}.timing-status span{font-size:.58rem;letter-spacing:.08em}.timing-status strong{color:#8095a7;letter-spacing:.12em}.timing-status.enabled{border-color:#56e4fa85;color:#73e9fb;box-shadow:0 0 16px #3adaf41f}.timing-status.enabled strong{color:#f2d477;text-shadow:0 0 8px rgba(241,205,105,.34)}.timing-hint{color:#a8cfdb!important;border-left:2px solid rgba(88,226,248,.55);padding-left:.5rem}.game-screen.tutorial-mode .tutorial-panel{top:8.7rem}.discard-pile-backdrop{position:absolute;z-index:17;inset:0;display:grid;place-items:center;padding:4.8rem 1rem 1rem;background:#01030ac2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.discard-pile-dialog{width:min(92vw,880px);max-height:min(82vh,720px);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:1rem;border-radius:14px;border-color:#5be2fa7a;box-shadow:0 18px 70px #0000009e,0 0 38px #42d9f71a}.discard-pile-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.1rem .1rem .75rem}.discard-pile-dialog>header>div{display:grid;gap:.08rem}.discard-pile-dialog>header span{color:#70e8fb;font-size:.58rem;font-weight:700;letter-spacing:.28em}.discard-pile-dialog h2{margin:0;color:#f1d47e;font-family:serif;font-size:1.35rem;letter-spacing:.14em}.discard-pile-dialog>header button{padding:.4rem .65rem;font-size:.68rem}.discard-pile-tabs{display:flex;gap:.45rem;padding-bottom:.7rem;border-bottom:1px solid rgba(90,210,238,.16)}.discard-pile-tabs button{padding:.48rem .75rem;color:#86a4b8;font-size:.72rem}.discard-pile-tabs button span{display:inline-grid;min-width:1.35rem;margin-left:.35rem;padding:.06rem .28rem;place-items:center;color:#a9c7d7;background:#69b1cf1f;border-radius:999px}.discard-pile-tabs button.active{color:#e9fcff;border-color:#62e4fa;background:linear-gradient(135deg,#0a6985c7,#452075bd);box-shadow:0 0 15px #4fdcf729}.discard-pile-tabs button.active span{color:#ffe49a;background:#f1cc6524}.discard-pile-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.7rem;align-content:start;min-height:12rem;padding:.85rem .2rem .35rem;overflow:auto}.discard-pile-cards>p{grid-column:1 / -1;align-self:center;color:#728ca1;text-align:center}.discard-pile-card{min-width:0;display:grid;gap:.3rem;padding:.38rem;background:#050e1cad;border:1px solid rgba(94,219,242,.18);border-radius:7px}.discard-pile-card img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:4px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.discard-pile-card span{overflow:hidden;color:#abc5d5;font-size:.58rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tutorial-panel{position:absolute;z-index:4;top:5.1rem;right:1rem;width:min(34vw,390px);padding:1rem 1.2rem;border-radius:10px;border-color:#f4c95d73}.tutorial-panel h2{margin:.35rem 0;color:#f4d77f;font-size:1rem}.tutorial-panel p{margin:.4rem 0;color:#c6d7e4;font-size:.78rem;line-height:1.55}.tutorial-tag{font-size:.58rem;color:#5de8ff;letter-spacing:.2em}.tutorial-dots{display:flex;gap:.35rem;margin-top:.7rem}.tutorial-dots i{width:1.5rem;height:3px;background:#293449}.tutorial-dots i.active{background:#f1ca62;box-shadow:0 0 8px #efc356}.action-panel{position:absolute;z-index:5;right:1rem;bottom:10.7rem;width:min(23vw,320px);max-height:34vh;border-radius:8px;padding:.75rem;overflow:auto;border-right:2px solid rgba(93,231,255,.58)}.action-title{display:flex;align-items:center;justify-content:space-between;color:#67e7ff;font-size:.8rem;letter-spacing:.08em;margin-bottom:.55rem}.action-title>div{display:flex;gap:.3rem;align-items:center}.action-title button{padding:.25rem .45rem;font-size:.65rem}.action-title .action-collapse-button{width:1.35rem;height:1.35rem;padding:0;font-size:1.05rem;line-height:1;color:#73e9ff;border-radius:50%}.action-list{display:grid;gap:.4rem}.action-list button{text-align:left;padding:.55rem .65rem;font-size:.75rem}.action-list p{color:#7189a1;font-size:.75rem;margin:.4rem}.action-list .end-turn{border-color:#f4c95d73;color:#f2d585}.action-list .recovery-entry{border-color:#56e0f780;color:#88efff}.action-list .discard-entry{border-color:#f1cc6594;color:#f3d987}.recovery-hint{margin:.1rem .2rem!important;line-height:1.45}.recovery-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.recovery-zone-option{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.4rem!important}.recovery-zone-option img{flex:0 0 auto;width:2.45rem;aspect-ratio:5 / 7;object-fit:cover;border:1px solid rgba(239,204,106,.58);border-radius:3px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.recovery-zone-option>span{display:grid;min-width:0;gap:.12rem}.recovery-zone-option strong{color:#e8fbff;font-size:.7rem}.recovery-zone-option small{overflow:hidden;color:#829db2;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.recovery-picker{position:absolute;z-index:11;left:50%;bottom:10.7rem;width:min(52vw,700px);padding:.75rem;transform:translate(-50%);border-radius:10px;border-color:#63e5fa8c}.recovery-picker header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.recovery-picker header>div{display:grid;gap:.12rem;min-width:0}.recovery-picker header span{color:#68e5fa;font-size:.58rem;font-weight:700;letter-spacing:.24em}.recovery-picker header strong{overflow:hidden;color:#dff9ff;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.recovery-picker header button{flex:0 0 auto;padding:.34rem .55rem;font-size:.65rem}.recovery-options{display:flex;gap:.5rem;padding:.25rem .1rem .55rem;overflow-x:auto;overscroll-behavior-x:contain}.recovery-card-option{flex:0 0 5.3rem;display:grid;gap:.3rem;padding:.34rem!important;text-align:center!important}.recovery-card-option img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border:1px solid rgba(99,226,248,.45);border-radius:5px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.recovery-card-option span{overflow:hidden;color:#c9e8f3;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.recovery-card-option.draw-option img{border-color:#efcc6a99;box-shadow:0 0 12px #e54ac029}.discard-picker{position:absolute;z-index:12;left:50%;bottom:10.7rem;width:min(72vw,760px);max-height:min(67vh,610px);padding:.8rem;transform:translate(-50%);overflow:auto;border-radius:10px;border-color:#f1cc6580}.discard-picker header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.discard-picker header>div{display:grid;gap:.1rem}.discard-picker header span{color:#f1cf72;font-size:.58rem;font-weight:700;letter-spacing:.24em}.discard-picker header strong{color:#e9fbff;font-size:.82rem}.discard-picker header small{color:#8fa9bc;font-size:.66rem}.discard-picker header button{padding:.34rem .55rem;font-size:.65rem}.discard-card-grid{display:flex;gap:.5rem;padding:.2rem .1rem .65rem;overflow-x:auto;overscroll-behavior-x:contain}.discard-card-option{position:relative;flex:0 0 5.4rem;display:grid;gap:.3rem;padding:.35rem;text-align:center}.discard-card-option img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border:1px solid rgba(105,224,247,.38);border-radius:5px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .16s ease,transform .16s ease}.discard-card-option span{overflow:hidden;color:#bbd5e3;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.discard-card-option.selected{border-color:#f1cd69;background:linear-gradient(145deg,#5b4311eb,#2f1137eb);box-shadow:0 0 18px #f1cc6542;transform:translateY(-3px)}.discard-card-option.selected img{filter:brightness(.72) saturate(.65)}.discard-card-option.selected span{color:#ffe39a;font-weight:700}.discard-confirm{display:block;min-width:12rem;margin:.2rem auto 0;padding:.58rem .9rem;font-size:.74rem}.action-panel-toggle{position:absolute;z-index:5;right:1rem;bottom:10.7rem;padding:.48rem .7rem;color:#79e9fb;font-size:.72rem;letter-spacing:.06em}.hand-area{position:absolute;z-index:4;left:50%;bottom:max(.5rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(76vw,980px)}.hand-label{display:flex;justify-content:center;gap:.8rem;font-size:.72rem;color:#72dff5;margin-bottom:.25rem;text-shadow:0 0 10px #0899bd}.hand-label span{color:#7d91a9}.hand-cards{display:flex;align-items:end;justify-content:center;min-height:9rem;padding:0 1rem}.hand-card{position:relative;width:6.3rem;height:8.8rem;padding:0;margin-left:-1rem;background:linear-gradient(145deg,#f8f6ed,#bdc9d8);color:#111827;border:2px solid #657687;border-radius:8px;box-shadow:0 7px 18px #00000080;transform-origin:center bottom;text-align:left;overflow:hidden}.hand-card:disabled{opacity:1}.hand-card:first-child{margin-left:0}.hand-card.playable{border-color:#4ec5d6;box-shadow:0 0 12px #35d4eb2e,0 7px 18px #00000080}.hand-card.dimmed{filter:saturate(.58) brightness(.68)}.hand-card:hover,.hand-card.selected{z-index:5;transform:translateY(-1.2rem) scale(1.06) rotateX(-4deg);border-color:#5de7ff;box-shadow:0 0 22px #2edbff8c;filter:none}.hand-card.red{color:#be2948}.hand-card>img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.hand-card .card-name{position:absolute;left:0;right:0;bottom:0;padding:.9rem .35rem .32rem;color:#f4fbff;background:linear-gradient(transparent,#030712f0 58%);text-shadow:0 1px 3px #000;font-size:.54rem;line-height:1.2}.battle-log{position:absolute;z-index:4;left:1rem;bottom:1rem;width:min(23vw,300px);max-height:9rem;overflow:hidden;padding:.65rem .8rem;border-radius:8px;pointer-events:auto;transition:max-height .2s ease,width .2s ease}.battle-log h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 .35rem;color:#536f8d;font-size:.6rem;letter-spacing:.2em}.battle-log h3 button{padding:.2rem .42rem;font-size:.58rem;letter-spacing:0}.battle-log p{margin:.24rem 0;color:#8da7be;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-log.expanded{z-index:12;width:min(38vw,460px);max-height:min(66vh,620px);overflow-y:auto;border-color:#68e4fba6}.battle-log.expanded p{white-space:normal;overflow:visible}.result-backdrop{position:absolute;inset:0;background:#010207bd;display:grid;place-items:center;z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-panel{width:min(90vw,520px);padding:2.2rem;text-align:center;border-radius:16px;border-color:#f4cc658c}.result-panel h2{font-family:serif;letter-spacing:.22em;font-size:3rem;margin:.4rem 0;color:#f4d87f;text-shadow:0 0 30px rgba(244,201,93,.42)}.result-panel p{color:#aebfd0;line-height:1.6}.result-panel button{margin:.35rem}.tutorial-complete{color:#60e9ff!important}.replay-controls{position:absolute;z-index:7;left:50%;bottom:10.7rem;transform:translate(-50%);width:min(92vw,720px);display:grid;grid-template-columns:auto auto auto auto 1fr auto auto;gap:.5rem;align-items:center;padding:.7rem;border-radius:8px}.replay-controls button{padding:.5rem .7rem}.replay-controls input{width:100%;accent-color:#58ddf8}.replay-controls select{color:#e9fbff;background:#111a32;border:1px solid #355873;border-radius:5px;padding:.4rem}.replay-collapse-button{position:absolute;top:-.85rem;right:.5rem;width:1.8rem;height:1.5rem;padding:0!important;line-height:1;color:#85e9ff;border-radius:999px}.replay-controls-toggle{position:absolute;z-index:7;left:50%;bottom:1rem;transform:translate(-50%);padding:.45rem .8rem;color:#8ceafa;font-size:.7rem;letter-spacing:.08em}.audio-toggle{width:2.8rem;height:2.5rem;display:inline-grid;place-items:center;padding:.35rem;color:#69eaff}.sound-icon{width:1.22rem;height:1.22rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(74,225,255,.5))}@media(max-width:700px),(max-height:620px){.summon-single-stage,.summon-complete-stage{height:94vh}.summon-part-frame{width:min(76vmin,520px)}.summon-copy{left:5%;right:5%;bottom:5%}.summon-card-reveal{right:6%;bottom:17%;width:clamp(3.7rem,12vw,5.2rem)}.summon-overline{top:7%}.summon-composite-dragon{width:min(76vmin,580px)}.summon-complete-copy{bottom:6%}.summon-complete-copy strong{font-size:clamp(2.2rem,11vw,4rem)}}@media(prefers-reduced-motion:reduce){.summon-energy-lines,.summon-sigil,.summon-part-halo{animation-duration:20s}.summon-part-frame,.summon-card-reveal,.summon-copy,.summon-composite-part,.summon-complete-copy,.summon-composite-dragon:before{animation-duration:.35s;animation-delay:0s}.summon-composite-core{animation-delay:.3s}}@media(max-width:900px){.home-header,.home-hero,.home-content,.home-screen footer{width:min(94vw,680px)}.home-hero{min-height:calc(68svh - 4.8rem);padding-top:2.4rem}.home-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-rule-grid article{min-height:0}.game-hud{left:.5rem;right:.5rem;transform:none;min-width:0;gap:.7rem}.game-hud>div:nth-of-type(3){display:none}.battle-log{width:min(40vw,300px)}.tutorial-panel{width:46vw}.action-panel{width:42vw;bottom:9.4rem}.recovery-picker{bottom:9.4rem;width:min(48vw,620px)}.discard-picker{bottom:9.4rem;width:min(76vw,700px)}.hand-area{width:95vw}.hand-card{width:5rem;height:7rem}.replay-controls{bottom:9rem;grid-template-columns:repeat(4,auto)}.replay-controls input{grid-column:1 / -1;grid-row:2}}@media(max-height:650px){.game-hud{height:3rem}.opponent-status,.tutorial-panel,.discard-status{top:4.1rem}.timing-status{top:7.95rem}.game-screen.tutorial-mode .tutorial-panel{top:7.7rem}.hand-card{width:4.5rem;height:6.3rem}.hand-cards{min-height:6.5rem}.action-panel{bottom:7.7rem;max-height:35vh}.recovery-picker{bottom:7.7rem}.discard-picker{bottom:7.7rem;max-height:63vh}.menu-screen{gap:.45rem}.title-lockup p{margin:.3rem auto}.menu-panel{padding:.65rem;gap:.4rem}.menu-panel button{padding:.5rem .7rem}.difficulty-select{padding:.25rem .45rem}.volume-setting{padding:.35rem}.version{display:none}.replay-controls{bottom:7.4rem}}@media(max-width:620px){.home-header{height:4.2rem}.home-mark{font-size:1rem}.home-hero{min-height:calc(68svh - 4.2rem);padding-inline:.35rem}.home-hero h1{font-size:min(7.4vw,3rem)}.home-story{padding:1rem;font-size:.88rem}.home-rule-grid{grid-template-columns:1fr}.home-rule-grid article{min-height:auto}.menu-panel{grid-template-columns:1fr;overflow:auto;max-height:64vh}.menu-panel .primary-button,.menu-panel .continue-button,.menu-panel .animation-settings,.menu-panel .volume-setting{grid-column:auto}.animation-settings,.volume-setting{grid-template-columns:1fr}.game-hud>div:nth-of-type(2),.game-hud>div:nth-of-type(4){display:none}}