@import"https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@500;700;900&display=swap";body{font-family:Noto Sans KR,Malgun Gothic,sans-serif;background:#254246}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dialog{width:min(760px,85vw);max-height:94dvh;overflow:auto;background:#fff8e8;border:7px solid #ddc393;border-radius:28px;padding:3vh 3vw;box-shadow:0 20px 70px #14292299;color:#3d4e40}.dialog .primary{width:100%;font-size:clamp(20px,1.7vw,28px);margin-top:1vh;min-height:64px;background:linear-gradient(#ffce6d,#ec963a);box-shadow:0 4px #946124;border:2px solid #fff2c0;border-radius:1.2vh;color:#503917;font-weight:900;padding:1vh .5vw}@media(max-height:600px){.dialog{padding:2vh 3vw}.dialog li{padding:0}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Noto Sans KR,sans-serif;color:#30493c;background:#193f43}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default}button:focus-visible{outline:4px solid #0369a1;outline-offset:2px}button:active:not(:disabled){transform:translateY(2px)}.game{height:100dvh;position:relative;isolation:isolate;display:flex;flex-direction:column;background:url(/assets/bg.png) center/cover}header{height:14%;padding:1.4vh 2.3vw;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.brand{background:#fff7dded;padding:.5vh 1.4vw;border-radius:1.4vh;box-shadow:0 4px #886c3644}.brand small{font-size:clamp(10px,1.1vw,16px);font-weight:900;letter-spacing:.05em}h1{font-family:Jua,sans-serif;font-size:clamp(24px,3.1vw,48px);margin:0;line-height:1.2}.top-tools{display:flex;align-items:center;gap:.5vw}.top-tools button,.pace{background:#fff8e5ed;border-radius:1vh;padding:.7vh .8vw;font-size:clamp(11px,1vw,17px);font-weight:900}.scene{height:20%;position:relative;display:flex;align-items:center;justify-content:center;gap:2vw;flex-shrink:0}.scene-board{max-width:70%;background:#fff9e9f2;padding:1.5vh 3vw;border-radius:2vh;border:2px solid #c0a86a;box-shadow:0 6px #87663744;text-align:center}.scene-board h2{font:clamp(17px,2.1vw,32px) Jua,sans-serif;margin:0 0 .6vh}.scene-board p{font-size:clamp(12px,1.2vw,19px);margin:0;line-height:1.6}.lanes{height:64%;display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));gap:1vw;padding:0 1.2vw 1vh;flex-shrink:0}.lane{position:relative;min-width:0;height:100%;display:flex;flex-direction:column;padding:3.8vh 1.6vw 2.6vh;isolation:isolate}.lane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/frame.png) center/100% 100% no-repeat;z-index:-1;pointer-events:none}.lane-head{display:flex;justify-content:space-between;gap:.3vw;align-items:center;padding:.4vh .5vw;border-radius:1vh;color:#fff;background:var(--color);font-size:clamp(12px,1.15vw,20px);font-weight:900;box-shadow:0 3px #0002}.lane-head small{font-size:.8em}.sprite{display:block;width:100%;height:100%;overflow:hidden}.notice{font-size:clamp(11px,1.03vw,17px);text-align:center;min-height:3.9vh;display:flex;justify-content:center;align-items:center;line-height:1.35;font-weight:700}.notice.ok{color:#12643e}.notice.error{color:#a23e2b}.action-row{display:flex;gap:.4vw;margin-top:auto}.action-row button,.primary{background:linear-gradient(#ffce6d,#ec963a);box-shadow:0 4px #946124;border:2px solid #fff2c0;border-radius:1.2vh;color:#503917;font-weight:900;padding:1vh .5vw;min-height:5.3vh}.action-row button{flex:1;font-size:clamp(13px,1.2vw,22px)}.action-row .secondary{background:linear-gradient(#b3e6f0,#76becf);box-shadow:0 4px #448394;color:#224d60}.action-row button:disabled{filter:grayscale(.65);opacity:.62}.footnote{height:2%;font-size:clamp(9px,.8vw,14px);text-align:center;color:#fff;text-shadow:0 1px 4px #000;font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#123e3ba6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:2vw}.dialog{width:min(760px,85vw);max-height:94dvh;overflow:auto;background:#fff8e8;border:7px solid #ddc393;border-radius:28px;padding:3vh 3vw;box-shadow:0 20px 70px #14292299}.dialog h2{font:clamp(28px,3vw,42px) Jua,sans-serif;margin:1vh 0 2vh}.dialog li{font-size:clamp(16px,1.5vw,23px);padding:.7vh 0;line-height:1.6}.dialog p{font-size:clamp(13px,1.1vw,18px)}.dialog .primary{width:100%;font-size:clamp(20px,1.7vw,28px);margin-top:1vh;min-height:64px}.results{display:flex;gap:10px;margin:20px 0}.results>div{flex:1;border:3px solid;border-radius:15px;display:grid;text-align:center;padding:15px}.results strong{font-size:36px}.done-panel{flex:1;display:grid;place-content:center;text-align:center;gap:1vh}.done-panel strong{font:clamp(24px,3vw,44px) Jua,sans-serif;color:var(--color)}.done-panel p{font-size:clamp(12px,1.2vw,18px)}@media(max-height:600px){header{height:12%}.scene{height:18%}.lanes{height:68%}.lane{padding-top:3vh;padding-bottom:2vh}.scene-board{padding:1vh 2vw}.dialog{padding:2vh 3vw}.dialog li{padding:0}.pace{display:none}}.middle-game{width:100vw;height:100dvh;background:#352718;display:grid;place-items:center;font-family:Jua,sans-serif}.middle-stage{position:relative;width:min(100vw,177.68dvh);height:min(100dvh,56.28vw);background:url(/assets/middle-skin-v1.png) center/100% 100%;container-type:inline-size}.middle-stage h1{position:absolute;left:26%;top:4%;width:48%;height:11%;margin:0;display:grid;place-items:center;font:4.1cqw/1 Jua;color:#351809}.shared-replay{position:absolute;left:41.6%;top:18%;width:17%;height:6%;background:none;color:#fff;font:2cqw/1 Jua;padding:0}.instruction{position:absolute;left:34.5%;top:26%;width:31%;height:4.4%;margin:0;display:grid;place-items:center;color:#321d0d;font:1.5cqw/1 Jua;text-align:center}.instruction small{position:absolute;top:110%;font:1cqw Jua;background:#fff0ce;border-radius:1cqw;padding:.15cqw .6cqw}.machine{position:absolute;left:var(--x);top:35.07%;width:21.53%;height:57.39%;container-type:inline-size}.machine-skin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.player{position:absolute;left:30%;top:4%;width:35%;height:8%;display:grid;place-items:center;font:9cqw/1 Jua;color:#45280f}.word{position:absolute;left:9%;top:16.5%;width:78%;height:17%;display:flex;align-items:center;justify-content:center;gap:1cqw;color:#291b15}.word span{font:min(18cqw,calc(72cqw / var(--letters)))/1 Jua;min-width:0}.word .hole{padding:2cqw 1cqw;border:2px solid #ffd95f;border-radius:2cqw;background:#fff2a1;box-shadow:0 0 12px #ffe563;color:#b67903}.keys{position:absolute;left:17%;top:38.5%;width:62%;height:28%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2% 5%}.keys button{background:none;padding:0;color:#321f15;font:15cqw/1 Jua;border-radius:3cqw}.keys button[aria-pressed=true]{outline:3px solid #ffda49;background:#ffe37844}.erase,.check{position:absolute;top:69.5%;height:11%;width:37%;padding:0;background:none;color:#fff;font:7.4cqw/1 Jua;text-shadow:0 2px 1px #642b19}.erase{left:8%}.check{left:53%}.check:disabled{color:#fff9dd;opacity:.7}.status{position:absolute;left:11%;top:84%;width:74%;height:8%;margin:0;display:grid;place-items:center;text-align:center;font:4.1cqw/1.2 Jua;color:#442911}.middle-stage button:focus-visible{outline:3px solid #00bbff}.middle-game[data-players="2"] .machines,.middle-game[data-players="3"] .machines{position:absolute;top:35.07%;height:57.39%;left:3%;right:3%;display:flex;justify-content:center;gap:3%;background:#53331e}.middle-game[data-players="2"] .machine,.middle-game[data-players="3"] .machine{position:relative;left:auto;top:0;width:28%;height:100%;flex-shrink:0}.word{gap:1.2cqw}.word span{display:grid;place-items:center;flex:1;max-width:23%;font-size:min(17cqw,calc(65cqw / var(--letters)));height:70%;padding:0!important}.word .hole{border-width:1px;box-shadow:0 0 6px #ffe563}.keys button:disabled{opacity:.7}.word .hole{position:relative;background:linear-gradient(180deg,#e5d1af88,#fff8e633);border:1px solid #bca27a80;border-radius:1.1cqw;box-shadow:inset 0 2px 3px #73552a26,inset 0 -1px #fff9e8;color:#493522;height:66%}.word .hole:after{content:"";position:absolute;left:20%;right:20%;bottom:9%;height:1px;background:#987c5166;pointer-events:none}.machine .word{left:10%;width:74%;display:grid;grid-template-columns:repeat(var(--letters),minmax(0,1fr));gap:1cqw;justify-content:normal;align-items:center;box-sizing:border-box;padding:0 1cqw}.machine .word span{width:100%;max-width:none;min-width:0;box-sizing:border-box;font-size:min(16cqw,calc(58cqw / var(--letters)));line-height:1;margin:0}