@import"https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#56301d;background:#fbf4df;font-synthesis:none;--brown: #56301d;--orange: #e96c20;--teal: #347f77;--paper: #fffaf0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #208c85;outline-offset:5px}button{transition:transform .18s,background .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(3px)}a{color:var(--teal)}.game-shell{min-height:100svh;isolation:isolate;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff8e8 url(/art/background.webp) center bottom/cover no-repeat}.game-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#fffaf052,transparent 35%,#fffbec10 80%,#fff8e854)}.game-header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;z-index:5}.wordmark{display:flex;gap:10px;align-items:center;border:0;background:transparent;font-size:14px;font-weight:800;letter-spacing:.17em}.wordmark svg{color:#829444}.header-actions{display:flex;gap:10px}.sound-control{position:relative}.sound-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:250px;padding:20px;display:grid;gap:8px;background:#fff8e8}.sound-panel label{display:flex;justify-content:space-between;gap:12px;font-weight:800}.sound-panel input{width:100%;accent-color:#347f77}.sound-panel .text-button{justify-content:flex-start}.icon-button{width:44px;height:44px;border:1px solid #a273422b;border-radius:50%;background:#fffbefdf;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px #6e402014}.icon-button:hover{background:#fff}.game-main{position:relative;flex:1;min-height:650px;width:100%;max-width:1920px;margin:auto}.game-footer{padding:10px 3.5vw 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#775937;z-index:3}.game-footer button{border:0;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px}.character-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.character{position:absolute;bottom:12%;height:86%;width:38%;display:flex;align-items:flex-end;justify-content:center;transform-origin:bottom center}.character img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 8px #67412217);-webkit-user-select:none;user-select:none}.character-fly{left:-1%}.character-human{right:-1%}.character-human img{max-height:95%}.character.active{animation:breathe 2.4s ease-in-out infinite}.character.winner{animation:celebrate 1.3s ease-in-out infinite}.character.loser{transform:rotate(-5deg) translateY(18px);filter:saturate(.75)}.character.studying{animation:study 2s ease-in-out infinite}.home-content{position:relative;text-align:center;z-index:1;width:48%;margin:5.5% auto 0;display:flex;align-items:center;flex-direction:column}.little-heading{font-size:14px;font-weight:800;letter-spacing:.2em;color:#805b37}.game-title{font-family:Jua,Noto Sans KR,sans-serif;font-size:clamp(44px,6.2vw,112px);line-height:1.16;letter-spacing:-.045em;font-weight:400;margin:20px 0 38px;filter:drop-shadow(0 5px 0 #dcc8a2)}.game-title>span{display:block;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:7px #fff6dc;text-shadow:0 4px 0 #793711,0 9px 0 #dec9a7}.game-title>span:first-child{color:#d96724;position:relative;font-size:1.15em}.title-leaf{position:absolute;top:-20px;width:36px;height:36px;color:#7b933e;right:28%;fill:#a1b968;transform:rotate(-20deg)}.primary{border:2px solid #ffe0a5;border-radius:26px;background:linear-gradient(#fa963e,#e76b20);box-shadow:0 6px #aa4316,0 9px 20px #a3451629,inset 0 0 0 5px #ffffff20;min-height:62px;padding:14px 28px;color:#fffdf3;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:22px;text-shadow:0 2px 0 #8f3c164d}.primary:hover:not(:disabled){background:linear-gradient(#ffa64e,#ee7628);transform:translateY(-2px)}.start-button{font-family:Jua,sans-serif;font-size:36px;min-width:320px;min-height:84px;border-radius:30px;margin-top:8px}.home-rule{font-size:15px;margin:24px 0;color:#816146}.parchment{background:linear-gradient(120deg,#fffdf5f7,#fff5dfef);border:2px solid #d8ad6b;border-radius:28px;box-shadow:0 7px #be8d4530,0 14px 30px #6e462111;position:relative}.parchment:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px dashed #d7b987;border-radius:20px;pointer-events:none}.setup-card{z-index:2;width:min(490px,46%);margin:0 auto;padding:25px 34px 27px}.setup-card h1{font-family:Jua,sans-serif;font-size:28px;font-weight:400;margin:13px 0 24px}.back-button{display:flex;align-items:center;gap:2px;font-size:13px;border:0;background:transparent;padding:0;color:#8a6843}.field-label,fieldset legend{font-weight:700;font-size:14px;margin-bottom:9px}.field-label{display:block}.name-input{display:block;width:100%;height:50px;border:1.5px solid #d4b58a;border-radius:13px;padding:0 15px;color:var(--brown);background:#fffdf7;font-size:17px}.name-input::placeholder{color:#a58b70;font-size:14px}fieldset{margin:20px 0 0;padding:0;border:0}.avatar-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-option{position:relative;display:flex;align-items:center;gap:8px;border:2px solid #dfcfb4;border-radius:16px;height:81px;padding:4px 12px 4px 1px;cursor:pointer;background:#fffcf2;font-size:17px;font-weight:700}.avatar-option.selected{border-color:var(--teal);background:#eaf3e9;box-shadow:0 3px #316e6720}.avatar-option input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.avatar-option:has(input:focus-visible){outline:3px solid #208c85;outline-offset:3px}.avatar-option img{width:68px;height:70px;object-fit:contain;object-position:top}.avatar-option.gender-female img{transform:scale(1.12);transform-origin:45% 25%}.avatar-option svg{margin-left:auto;color:var(--teal)}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.duration-options button{height:52px;border:1.5px solid #dfc5a0;background:#fffaf0;border-radius:13px;font-size:22px;font-weight:800}.duration-options small{font-size:13px;margin-left:3px}.duration-options .selected{background:#ffead0;border-color:#de7b2f;color:#a94c16;box-shadow:0 3px #cc792f24}.setup-card .primary{width:100%;margin-top:24px;font-size:22px}.setup-note{text-align:center;font-size:12px;color:#876c4f;margin:17px 0 0}.screen-setup .character{width:30%;height:76%;bottom:5%}.screen-setup .character-fly{left:-2%}.screen-setup .character-human{right:-2%}.training-content{width:min(510px,43%);padding:40px 35px;text-align:center;z-index:2;margin:6% auto 0}.training-content h1{font-family:Jua,sans-serif;font-size:35px;font-weight:400;line-height:1.3;margin:18px 0}.training-clock{font-family:Jua,sans-serif;font-size:86px;line-height:1.2;color:var(--orange);font-variant-numeric:tabular-nums;margin:18px 0 25px}.training-content progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;border:0;border-radius:20px;overflow:hidden;background:#eadfc7}.training-content progress::-webkit-progress-bar{background:#eadfc7;border-radius:20px}.training-content progress::-webkit-progress-value{background:linear-gradient(90deg,#e67b24,#f0bb5f);border-radius:20px;transition:width .3s}.training-content progress::-moz-progress-bar{background:#e67b24}.training-caption{font-size:14px;font-weight:700;margin:20px 0 8px}.training-hint{display:block;font-size:13px;color:#967751}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:8px}.training-content .text-button{margin-top:24px}.battle-content{position:relative;min-height:650px;height:100%;z-index:1}.game-title.compact{font-size:clamp(28px,3.3vw,58px);position:absolute;top:0;left:50%;transform:translate(-50%);text-align:center;margin:5px 0 0;filter:drop-shadow(0 3px 0 #dec8a0)}.game-title.compact>span{-webkit-text-stroke:4px #fff6dc;text-shadow:0 2px 0 #7a3812,0 5px 0 #dec9a7}.game-title.compact .title-leaf{width:20px;height:20px;top:-10px}.screen-battle .character{bottom:23%;height:75%;width:37%}.screen-battle .character-fly{left:0}.screen-battle .character-human{right:0}.nameplate{position:absolute;bottom:24%;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid #f8deac;border-radius:20px;font-family:Jua,sans-serif;font-size:24px;color:#fff4da;background:linear-gradient(#e78c30,#c15f20);box-shadow:0 4px #71371040;max-width:30%;white-space:nowrap;overflow:hidden}.nameplate span{overflow:hidden;text-overflow:ellipsis}.fly-name{left:11%}.human-name{right:11%;background:linear-gradient(#589b8b,#307b73)}.turn-area{position:absolute;top:30%;z-index:4;width:28%;display:flex;align-items:center;flex-direction:column;gap:11px;text-align:center}.human-turn{right:28%}.fly-turn{left:28%}.turn-label{background:#fffcf0;border:2px solid #518e7e;border-radius:25px;padding:9px 24px;font-family:Jua,sans-serif;font-size:27px;color:#27746d;box-shadow:0 3px #b6c6b14d}.fly-turn .turn-label{color:#b4551c;border-color:#d38c42}.speech-bubble{border:2px solid #ffefca;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;border-radius:24px;background:linear-gradient(135deg,#579f91,#28766f);color:#fffaf0;box-shadow:0 5px #31645538;font-size:20px;font-weight:700;min-height:75px;max-width:100%}.mic-button:not(:disabled):hover{transform:scale(1.025)}.mic-button:disabled{opacity:1}.speech-bubble.listening svg{animation:pulse .7s ease-in-out infinite alternate}.speech-error{margin:0;padding:8px 12px;border-radius:12px;background:#fff9ea;color:#9d3c20;font-size:13px;line-height:1.5}.fly-bubble{background:linear-gradient(135deg,#efa142,#d76d24)}.candidate-bubble{padding:12px 15px;gap:12px}.candidate-bubble>strong{font-family:Jua,sans-serif;font-size:47px;line-height:1}.confirm-button{border:1px solid #e8f2d9;background:#fffae9;color:#276d61;border-radius:13px;padding:10px 13px;display:flex;align-items:center;gap:5px;font-weight:800}.candidate-bubble .icon-button{width:34px;height:34px;color:#386e61}.keyboard-toggle{border:0;background:#fff9e1cf;border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:6px;font-size:12px;color:#816341}.single-digit-input{width:82px;text-align:center;border:2px solid #92b3a1;border-radius:12px;background:#fffdf3;padding:5px;font-size:22px}.arena-vs{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-9deg);font-family:Jua,sans-serif;font-size:56px;color:#dcad65;opacity:.75;z-index:-1}.last-fly-answer{position:absolute;left:32%;top:35%;padding:10px 18px;border-radius:20px;background:#f3b052e3;color:#713914;display:flex;align-items:center;gap:8px;font-family:Jua,sans-serif;font-size:27px}.pi-panel{position:absolute;left:7%;right:7%;bottom:3%;padding:20px 28px 12px;text-align:center;z-index:3;border-radius:29px}.pi-digits{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.7vw,12px);font-family:Jua,sans-serif;font-size:clamp(42px,6.7vw,106px);font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap;min-height:100px}.pi-prefix{letter-spacing:-.045em}.accepted-digit{animation:digit-in .3s ease-out}.next-digit{height:1.1em;width:.8em;min-width:.8em;display:inline-flex;align-items:center;justify-content:center;border:4px solid #eb852d;border-radius:17px;margin-left:6px;color:#d87826;box-shadow:inset 0 0 0 4px #fffaf0,0 0 0 3px #fffaf0}.next-digit i{display:block;width:3px;height:65%;background:#d9822e;animation:blink 1s steps(2,end) infinite}.pi-panel p{margin:8px 0 0;font-size:15px;color:#896136}.battle-exit{position:absolute;bottom:-29px;right:7%;font-size:12px}.screen-battle .game-footer{visibility:hidden}.screen-battle .game-main{margin-bottom:15px}.result-content{z-index:2;position:relative;width:42%;margin:1% auto 0;text-align:center}.crown{color:#e5a329;fill:#f3c868;filter:drop-shadow(0 3px 0 #b5712325)}.result-content h1{font-family:Jua,sans-serif;font-weight:400;line-height:1.1;font-size:clamp(48px,6.4vw,96px);color:#227b70;margin:7px 0 22px;paint-order:stroke fill;-webkit-text-stroke:6px #fff5dc;text-shadow:0 4px 0 #225e52,0 7px 0 #ddc8a4}.result-content h1 span{display:block;font-size:.65em;overflow-wrap:anywhere;max-width:100%;margin-bottom:7px}.result-content.fly-victory h1{color:#d87228;text-shadow:0 4px 0 #944217,0 7px 0 #ddc8a4}.result-record{width:80%;margin:auto;padding:17px 15px 12px;display:flex;flex-direction:column;gap:0}.result-record>span{font-size:17px;font-weight:700}.result-record>strong{font-family:Jua,sans-serif;font-size:70px;line-height:1.1;margin-top:5px}.result-record small{font-size:37px;margin-left:7px}.result-answer{font-size:13px;margin:15px 0;color:#805c3b}.result-content .primary{min-width:75%;margin-top:8px}.result-links{display:flex;gap:25px;justify-content:center;margin-top:23px}.result-links button{border:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.screen-result .character{bottom:10%;height:86%;width:36%}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:18px;border-radius:50% 0;animation:fall 4s linear infinite}.error-banner{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:20;background:#fff4e9;border:1px solid #d78155;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;width:max-content;max-width:90%;box-shadow:0 5px 20px #7b41241a;font-size:14px}.error-banner button{background:none;border:0;white-space:nowrap;font-size:13px;text-decoration:underline}.info-dialog{width:min(580px,92vw);padding:40px;color:var(--brown);max-height:85svh;overflow:hidden}.info-dialog-body{max-height:calc(85svh - 80px);overflow-y:auto;padding-right:12px;overscroll-behavior:contain}.info-dialog::backdrop{background:#47351e70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:13px;right:13px}.info-dialog h2{font-family:Jua,sans-serif;font-size:30px;font-weight:400}.info-dialog p{font-size:15px;line-height:1.85}.info-dialog .small{font-size:13px}.info-dialog a{display:inline-flex;align-items:center;gap:8px;font-size:14px}@keyframes breathe{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes celebrate{50%{transform:translateY(-15px) rotate(3deg)}}@keyframes study{50%{transform:rotate(-3deg)}}@keyframes pulse{to{opacity:.5;transform:scale(.9)}}@keyframes blink{to{opacity:0}}@keyframes digit-in{0%{opacity:0;transform:translateY(-15px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fall{to{transform:translateY(105svh) rotate(360deg)}}@media(min-width:1300px)and (min-height:850px){.game-main,.battle-content{min-height:760px}.home-content{margin-top:7%}.setup-card{margin-top:2%}}@media(max-height:790px)and (min-width:901px){.game-header{height:54px}.game-main,.battle-content{min-height:580px}.game-footer{padding-bottom:8px}.setup-card{padding:17px 28px 20px}.setup-card h1{margin:10px 0 15px;font-size:26px}fieldset{margin-top:13px}.setup-card .primary{margin-top:17px;min-height:52px}.avatar-option{height:70px}.avatar-option img{height:62px}.home-content{margin-top:4%}.training-content{margin-top:3%}.pi-digits{min-height:80px}.result-content h1{font-size:65px}.result-record>strong{font-size:55px}.result-content .crown{width:48px;height:48px}}@media(max-width:1000px){.game-header{padding:0 20px}.wordmark{font-size:12px}.game-main,.battle-content{min-height:610px}.home-content{width:52%;margin-top:12%}.game-title{font-size:6.5vw}.start-button{min-width:240px;font-size:28px;min-height:72px}.setup-card{width:52%;padding:22px}.setup-card h1{font-size:24px}.turn-area{width:31%}.human-turn{right:26%}.fly-turn{left:26%}.speech-bubble{padding:14px;font-size:17px;gap:8px}.turn-label{font-size:23px}.character{height:75%}.pi-panel{left:4%;right:4%;padding:18px 15px 14px}.result-content{width:44%;margin-top:7%}.result-record{width:95%}.result-content .primary{min-width:95%;font-size:20px}.result-answer{font-size:12px}.nameplate{font-size:21px;padding:8px 17px}}@media(max-width:650px){.game-shell{min-height:100svh;background-position:center bottom}.game-header{height:65px;padding:0 15px}.wordmark{letter-spacing:.07em;font-size:11px;gap:5px}.wordmark svg{width:14px}.header-actions{gap:6px}.icon-button{width:36px;height:36px}.game-main{min-height:680px}.game-footer{padding:15px;font-size:10px}.game-footer span{max-width:190px}.game-footer button{font-size:11px}.home-content{width:94%;margin-top:18px}.game-title{font-size:49px;margin:20px 0 0}.little-heading{font-size:11px}.title-leaf{top:-13px;width:25px;height:25px}.home-content .start-button{position:absolute;top:455px;font-size:28px;min-height:68px;width:78%}.home-rule{position:absolute;top:528px;font-size:12px}.character{width:58%;height:49%;bottom:23%}.character-fly{left:-7%}.character-human{right:-7%}.screen-setup .character-scene{display:none}.setup-card{width:calc(100% - 30px);margin:7px auto 20px;padding:24px;max-width:460px}.setup-card h1{font-size:25px}.setup-card .primary{min-height:59px}.avatar-option{height:86px}.avatar-option img{height:75px;width:58px}.avatar-option span{white-space:nowrap}fieldset{margin-top:24px}.setup-note{font-size:11px}.screen-training .character{height:35%;bottom:4%;width:53%}.training-content{width:90%;margin:20px auto 0;padding:28px}.training-content h1{font-size:29px}.training-clock{font-size:68px;margin:13px 0}.battle-content{min-height:680px}.game-title.compact{font-size:31px;top:5px}.screen-battle .character{height:40%;bottom:29%;width:55%}.screen-battle .character-fly{left:-5%}.screen-battle .character-human{right:-5%}.turn-area{top:19%;width:62%;gap:7px}.human-turn{right:5%}.fly-turn{left:5%}.turn-label{font-size:21px;padding:6px 18px}.speech-bubble{min-height:55px;font-size:16px;padding:10px 16px}.speech-bubble>svg{width:24px;height:24px}.candidate-bubble>strong{font-size:32px}.keyboard-toggle{font-size:11px}.single-digit-input{position:absolute;top:117px;right:0;width:57px;height:34px;font-size:18px}.arena-vs{top:53%;font-size:35px}.nameplate{bottom:28%;font-size:18px;padding:7px 14px;max-width:44%;gap:5px}.fly-name{left:7%}.human-name{right:7%}.nameplate svg{width:14px}.pi-panel{bottom:9%;padding:19px 8px 13px;left:3%;right:3%;border-radius:20px}.pi-digits{font-size:6.6vw;min-height:50px;gap:2px}.next-digit{border-width:2px;border-radius:7px;margin-left:3px;box-shadow:none}.next-digit i{width:2px}.pi-panel p{font-size:12px;margin-top:10px}.battle-exit{bottom:2%;right:5%}.last-fly-answer{left:14%;top:36%;font-size:22px;padding:6px 12px}.screen-result .character{height:40%;bottom:12%;width:54%}.result-content{width:88%;margin:8px auto 0}.result-content .crown{width:48px;height:48px}.result-content h1{font-size:50px;margin:4px 0 15px}.result-record{width:66%;padding:13px 8px 8px}.result-record>span{font-size:13px}.result-record>strong{font-size:49px}.result-record small{font-size:27px}.result-answer{font-size:11px;max-width:95%;margin:13px auto}.result-content .primary{position:absolute;top:516px;left:10%;min-width:80%;font-size:23px}.result-links{position:absolute;top:575px;left:0;right:0}.info-dialog{padding:30px 24px}.info-dialog-body{max-height:calc(85svh - 60px)}.error-banner{font-size:12px;gap:7px;width:94%;max-width:94%;padding:10px}.error-banner button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}.game-title{line-height:0;filter:none}.game-title img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #dca15135)}.game-title.compact{width:38%;height:20%;margin:0}.game-shell{container-type:size}.screen-battle .header-actions>.icon-button:not(.pause-button){display:none}.pause-button{width:58px;height:58px;border:3px solid #f5dcb4}.spoken-digit{font-family:Jua,sans-serif;font-size:80px;font-weight:400;line-height:1;text-shadow:0 4px 0 #913915}.fly-bubble{min-width:80%}.primary{position:relative;border-radius:90px;background:linear-gradient(#fc9138,#e96913 80%,#d8560c)}.primary:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px dashed #ffd9a3b0;border-radius:inherit;pointer-events:none}.parchment{background:radial-gradient(ellipse at 30% 25%,#fffaf0,#fff0cc);box-shadow:0 5px #a46c2b20,inset 0 0 0 4px #fffaf0,0 12px 30px #6e462111}.parchment:before{border-width:2px}.battle-exit{display:none}.is-paused .character,.is-paused .confetti i{animation-play-state:paused}.pause-dialog{width:min(430px,92vw);padding:35px;text-align:center;color:var(--brown);max-height:90svh}.pause-dialog::backdrop{background:#47351e75;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pause-dialog h2{font-family:Jua,sans-serif;font-size:32px;font-weight:400}.pause-dialog .primary{width:100%;margin:10px 0 20px}.pause-dialog>.text-button{display:flex;margin:auto}.result-content>.game-title.compact{top:-11%;width:82%;height:10cqh}@media(min-width:701px){.sound-panel{top:auto;bottom:calc(100% + 12px)}body{background:#263c30}.game-shell{height:100svh;min-height:360px;max-width:210svh;margin:auto;display:block}.game-shell:before{display:none}.game-main{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;width:100%;height:100%;max-width:none;margin:0}.game-header{position:absolute;right:2.2%;bottom:3.4%;height:auto;padding:0;display:block}.header-actions{gap:14px}.icon-button{width:54px;height:54px;border:2px solid #f6dcb0;background:#fff9e9;box-shadow:0 3px #69401928,inset 0 0 0 3px #fffdf5}.screen-battle .game-header,.screen-training .game-header,.screen-setup .game-header{top:2.5%;bottom:auto}.character{bottom:6%;height:86%;width:42%}.character-fly{left:-2%}.character-human{right:-3%;width:39%;height:91%;bottom:6%}.character-human img{object-fit:cover;object-position:left top;max-height:none;-webkit-mask-image:linear-gradient(#000 92%,transparent);mask-image:linear-gradient(#000 92%,transparent)}.home-content{position:absolute;top:18%;right:24%;bottom:15%;left:24%;width:auto;margin:0}.game-title{margin:0;width:100%;height:30cqh}.start-button{font-size:clamp(28px,3.3cqw,54px);width:67%;min-width:0;min-height:14cqh;margin-top:4cqh;font-weight:400}.start-button svg{width:3.3cqw;height:3.3cqw;min-width:25px;min-height:25px}.setup-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(480px,46%);padding:25px 32px}.setup-card h1{font-size:30px;margin:16px 0 22px}.avatar-option{height:75px}.avatar-option img{width:64px;height:64px}.name-input{height:48px}.duration-options button{height:49px}fieldset{margin-top:18px}.setup-card .primary{margin-top:23px;font-size:24px}.setup-note{font-size:12px;margin-top:16px}.screen-setup .character{width:32%;height:77%;bottom:5%}.screen-setup .character-fly{left:-3%}.screen-setup .character-human{right:-3%}.training-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,43%);padding:35px;margin:0}.training-content h1{font-size:clamp(24px,2.5cqw,38px)}.training-clock{font-size:clamp(50px,6cqw,95px)}.battle-content{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.game-title.compact{top:3%;width:38%;height:20%}.screen-battle .character{bottom:25%;height:71%;width:41%}.screen-battle .character-fly{left:-1.5%}.screen-battle .character-human{right:-1.5%;height:70%;width:35%}.nameplate{bottom:30%;padding:.8cqh 1.8cqw;border:3px solid #f8deac;border-radius:100px;font-size:clamp(17px,2.25cqw,34px);background:linear-gradient(#e8882e,#b95018);box-shadow:0 4px #71371040,inset 0 0 0 3px #ffffff24;max-width:29%;z-index:3}.fly-name{left:12%}.human-name{right:10%;background:linear-gradient(#579c8d,#246d65)}.nameplate svg{width:1.5cqw;height:1.5cqw;min-width:14px;fill:#f5efc3}.turn-area{top:35%;width:22%;gap:1.1cqh}.human-turn{right:30%}.fly-turn{left:34%}.turn-label{background:#fff9e7;border-width:3px;border-radius:45% 42% 36% 40%/40%;padding:.8cqh 1.4cqw;font-size:clamp(19px,2.55cqw,40px);white-space:nowrap}.speech-bubble{border:3px solid #fff0cc;gap:1cqw;padding:1.7cqh 1.6cqw;border-radius:70px;background:linear-gradient(135deg,#5caa99,#237269);color:#fff9e5;box-shadow:0 5px #31645538,inset 0 0 0 3px #ffffff1f;font-size:clamp(15px,1.7cqw,26px);min-height:12cqh;white-space:nowrap}.speech-bubble>svg{width:3.2cqw;height:3.2cqw;min-width:22px}.fly-bubble{background:linear-gradient(135deg,#ec8830,#d35e16)}.spoken-digit{font-size:clamp(40px,6.8cqw,104px)}.candidate-bubble{gap:.7cqw;padding:1.4cqh 1cqw}.candidate-bubble>strong{font-size:clamp(30px,4cqw,60px);font-weight:400}.confirm-button{font-size:clamp(14px,1.3cqw,20px)}.candidate-bubble .icon-button{width:33px;height:33px}.keyboard-toggle{font-size:12px}.arena-vs{top:59%;font-size:6.2cqw;font-style:italic;color:#d7a152}.pi-panel{left:7%;right:7%;bottom:7%;height:23%;padding:1.5cqh 2cqw 1cqh;border-radius:50px}.pi-digits{gap:.65cqw;font-size:clamp(32px,7.3cqw,116px);line-height:1.12;height:78%;min-height:0;letter-spacing:-.025em}.pi-panel p{margin:1cqh 0 0;font-size:clamp(12px,1.45cqw,22px)}.result-content{position:absolute;top:13%;right:34%;bottom:4%;left:34%;width:auto;margin:0}.result-content>.game-title.compact{top:-11%;width:76%;height:8%}.result-content .crown{height:9cqh;width:9cqh}.result-content h1:not(.game-title){font-size:clamp(40px,7.2cqw,112px);margin:1cqh -4cqw 3.5cqh;-webkit-text-stroke:7px #fff5dc;line-height:1.08}.result-content h1:not(.game-title) span{font-size:.77em;line-height:1.15;margin-bottom:5px}.result-record{width:100%;padding:2cqh 10px 1.5cqh}.result-record>span{font-size:clamp(14px,1.7cqw,26px)}.result-record>strong{font-weight:400;font-size:clamp(38px,6cqw,92px)}.result-record small{font-size:.62em}.result-answer{font-size:clamp(12px,1cqw,16px);margin:1.5cqh -15% 0}.result-content>.primary{width:100%;min-width:0;margin-top:2.5cqh;min-height:10cqh;font-size:clamp(22px,2.7cqw,42px)}.result-links{gap:24px;margin-top:2.7cqh}.result-links button{background:#fff7e6b8;border-radius:16px;padding:4px 8px;font-size:14px}.screen-result .character-fly{bottom:8%;height:76%;width:39%;left:-3%}.screen-result .character-human{height:85%;width:37%;right:-3%;bottom:6%}.error-banner{top:3%}}@media(max-height:660px)and (min-width:701px){.setup-card{padding:14px 25px;width:min(440px,48%);max-height:96%;overflow:auto}.setup-card h1{font-size:24px;margin:10px 0}.avatar-option{height:58px}.avatar-option img{height:52px;width:48px}fieldset{margin-top:11px}.name-input{height:40px}.duration-options button{height:39px}.setup-card .primary{margin-top:14px;min-height:47px;padding:8px 20px}.setup-note{margin-top:12px}.training-content{padding:20px}.training-content h1,.training-clock{margin:12px 0}.icon-button{width:42px;height:42px}.result-links{gap:10px}.result-links button{font-size:12px}.pi-panel{border-radius:28px}.speech-bubble{padding:1.3cqh 1.1cqw}.single-digit-input{font-size:18px;width:58px;height:31px}.confirm-button{padding:7px}.candidate-bubble .icon-button{width:28px;height:28px}}@media(max-width:700px){.game-title{height:175px;margin:0 auto;width:85%}.game-title.compact{width:63%;height:130px;top:0}.game-header{justify-content:flex-end;height:58px}.home-content{margin-top:5px}.home-content .start-button{top:465px}.result-content>.game-title.compact{top:0;height:65px;width:70%}.result-content{margin-top:37px;padding-top:70px}.spoken-digit{font-size:48px}.pause-button{width:42px;height:42px}}.constant-picker{width:min(630px,100%);padding:12px 18px 16px;margin:0;z-index:2}.constant-picker legend{font-family:Jua,sans-serif;font-size:clamp(20px,2.2vw,30px);padding:0 10px;background:#fff4d9;border-radius:20px}.constant-picker>p{margin:2px 0 10px;font-size:13px}.constant-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.constant-option{border:2px solid #d7b783;border-radius:16px;background:#fffaf0;padding:5px;display:flex;flex-direction:column;align-items:stretch}.constant-option.selected{border-color:#42867c;background:#eaf5e8;box-shadow:inset 0 0 0 2px #d7eadd}.constant-option label{display:flex;align-items:center;justify-content:center;gap:5px;min-height:43px;cursor:pointer;font-weight:800;white-space:nowrap}.constant-option input{accent-color:#347f77}.constant-symbol{font-family:Jua,sans-serif;font-size:26px;color:#d56827}.constant-option button{border:0;border-radius:10px;padding:5px 7px;background:#f7e7c6;font-size:12px;font-weight:700}.constant-option button:hover{background:#f3dbaa}.setup-constant,.constant-context,.battle-constant{font-weight:800;color:#347f77}.setup-constant{margin:-12px 0 12px;font-size:14px}.constant-context{font-size:14px}.battle-constant{position:absolute;top:-17px;left:50%;transform:translate(-50%);z-index:3;border-radius:30px;padding:5px 13px;background:#fff8e9e8;white-space:nowrap}.constant-dialog{width:min(620px,92vw);max-height:min(85svh,800px);overflow-y:auto;padding:34px;color:var(--brown);overscroll-behavior:contain}.constant-dialog::backdrop{background:#47351e75;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.constant-dialog:before{display:none}.constant-dialog h2{font:32px Jua,sans-serif;margin:14px 0 4px}.constant-dialog h3{font:23px Jua,sans-serif;margin-bottom:3px}.constant-dialog p{line-height:1.7;margin:10px 0 16px}.constant-example{color:#a35020;font-size:19px}.constant-dialog details{border:1px solid #d7b783;border-radius:14px;padding:11px 15px;background:#fffbef}.constant-dialog summary{cursor:pointer;font-weight:800}.constant-sources{display:flex;flex-wrap:wrap;gap:8px 16px}.constant-sources a{display:inline-flex;align-items:center;gap:3px}.constant-dialog .constant-common{font-size:13px;color:#6c5a40}.home-ranking{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:8px 17px;border:2px solid #947044;border-radius:99px;background:#fff6dc;color:#68451f;font-weight:800;box-shadow:0 3px #c9aa75}.ranking-dialog{width:min(580px,92vw);max-height:85svh;overflow-y:auto;padding:30px;color:var(--brown);overscroll-behavior:contain}.exhibit-window{min-height:100svh;padding:clamp(16px,3vw,40px);display:grid;place-items:start center;background:#fff8e8 url(/art/background.webp) center/cover fixed}.exhibit-window>section{width:min(720px,100%);max-height:none;overflow:visible;padding:clamp(28px,4vw,42px)}.exhibit-window>section:before{display:block}.ranking-dialog::backdrop{background:#47351e75;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ranking-dialog:before{display:none}.ranking-dialog h2{font:32px Jua,sans-serif;margin:12px 0 7px}.ranking-dialog p{line-height:1.55}.ranking-tabs{display:flex;gap:6px;margin:15px 0}.ranking-tabs button{flex:1;padding:8px 4px;border:2px solid #d7b783;border-radius:12px;background:#fffbef;font-weight:800}.ranking-tabs button[aria-pressed=true]{background:#eaf5e8;border-color:#42867c}.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ranking-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:2px 9px;align-items:center;padding:9px 11px;border-radius:12px;background:#fffaf0;border:1px solid #ead9b6}.ranking-place{color:#af612c}.ranking-name{overflow-wrap:anywhere;font-weight:800}.ranking-list li small{grid-column:2 / 4;color:#6c5a40}.ranking-empty{padding:22px;text-align:center;border:1px dashed #c9aa75;border-radius:12px}.ranking-dialog .ranking-rule{font-size:12px;color:#6c5a40}.ranking-warning{color:#a33e27;font-weight:800}.ranking-clear,.ranking-confirm button{padding:8px 12px;border:1px solid #ad8554;border-radius:9px;background:#fff7e5}.ranking-confirm{border:2px solid #ad8554;border-radius:12px;padding:10px}.ranking-confirm p{margin:0 0 8px}.ranking-confirm button+button{margin-left:8px}.result-answer{position:relative;z-index:2;padding:7px 10px;border-radius:12px;background:#fff9ebdf}@media(min-width:701px){.home-content .game-title{height:25cqh}.home-content .start-button{min-height:10cqh;margin-top:2cqh}.home-ranking{margin-top:1cqh}}@media(max-width:700px){.constant-picker{width:min(390px,96%);padding:10px}.constant-picker legend{font-size:21px}.constant-picker>p{font-size:11px}.constant-options{gap:4px}.constant-option label{flex-wrap:wrap;gap:1px 3px;font-size:12px}.constant-symbol{font-size:23px}.constant-option button{font-size:11px}.home-content .start-button{top:465px}.home-ranking{position:absolute;top:550px;margin:0}.ranking-dialog{padding:25px 17px}.ranking-dialog h2{font-size:27px}.constant-dialog{padding:26px 18px}.constant-dialog h2{font-size:27px}.battle-constant{font-size:13px}.result-answer{font-size:clamp(12px,3.2vw,14px)}}