@import"https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@500;700;900&display=swap";*{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}}.kindness{color:#624a40;background-position:center}.kindness header{height:13%;padding-top:1vh}.kindness .brand{background:#fff1d8;border:4px solid #b78a60;outline:2px dashed #f6d7ac;outline-offset:-8px;padding:.8vh 1.8vw;box-shadow:0 5px #6d4b3780}.kindness .brand h1{color:#4d623e;font-size:clamp(26px,2.8vw,46px)}.kindness .pace{display:none}.story-stage{height:39%;display:grid;grid-template-columns:25% 40% 31%;gap:2%;padding:0 2vw 1.5vh;align-items:center}.story-card,.conversation{background:#fff8e8ef;border:4px solid #c99e76;border-radius:2vh;box-shadow:0 5px #88694d66;position:relative;padding:1.5vh 1.2vw}.story-card{transform:rotate(-1deg)}.story-card small{font-size:clamp(12px,1vw,17px);font-weight:900;background:#ead7b8;padding:.5vh .6vw;border-radius:.7vh}.story-card h2{font:clamp(22px,2vw,34px) Jua,sans-serif;margin:1.5vh 0}.story-card p{font-size:clamp(14px,1.4vw,23px);line-height:1.65;margin:1vh 0}.story-tip{display:block;font-size:clamp(12px,1.05vw,18px);color:#867052;border-top:2px dashed #dec9a8;padding-top:1vh}.puppet-stage{height:100%;position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate}.puppet-stage:before{content:"";position:absolute;bottom:0;height:15%;width:110%;border-radius:50%;background:#c39c749e;box-shadow:0 5px #f0cf9b99;z-index:-1}.stage-caption{font:clamp(14px,1.3vw,22px) Jua,sans-serif;text-align:center;background:#fff8e8;border:2px dashed #d6ad91;border-radius:2vh;padding:.8vh 1.2vw;position:relative;z-index:1}.puppets{display:flex;justify-content:center;width:90%;height:88%;min-height:0}.puppets .sprite{width:50%;height:100%;filter:drop-shadow(0 6px 3px #74593844)}.scene-prop{position:absolute;bottom:0;width:46%;height:10vh;filter:drop-shadow(0 3px 2px #68523a44)}.conversation{height:100%;padding:1vh 1vw;display:flex;flex-direction:column;gap:.6vh}.conversation h2{font:clamp(16px,1.5vw,25px) Jua;margin:0 0 .5vh;display:flex;justify-content:space-between}.conversation h2 span{color:#579362}.conversation-line{border:1px solid #dfd3bf;border-left:5px solid var(--color);background:#fbf9f2;border-radius:.9vh;padding:.35vh .65vw;flex:1;min-height:0}.conversation-line b{font-size:clamp(10px,.9vw,15px);color:#886f5b}.conversation-line p{font-size:clamp(11px,1vw,17px);margin:0;color:#928979;line-height:1.4}.conversation-line.filled{background:#fff}.conversation-line.filled p{color:#514239;font-weight:700}.kindness .lanes{height:46%;padding:0 1.2vw 1vh;gap:1vw}.kindness .lane{padding:1vh .8vw 1.2vh;border-radius:2.2vh;border:5px solid var(--color);background:linear-gradient(135deg,#fff9ed,#ede6d8);box-shadow:inset 0 0 0 2px #fff8,inset 0 0 0 5px #c9b89e55,0 5px #80664988;gap:.55vh}.kindness .lane:before{background:none;top:5px;right:5px;bottom:5px;left:5px;border:2px dashed #c3ad9480;border-radius:1.3vh}.kindness .lane-head{margin:-.2vh -.1vw .3vh;border-radius:1vh;padding:.45vh .5vw;box-shadow:inset 0 2px #fff6,0 3px #9d887b44;font-size:clamp(13px,1.2vw,20px);min-height:3.8vh}.kindness .lane-head small{background:#fff3;border-radius:1vh;padding:0 .4vw}.role-body{display:flex;gap:.45vw;flex:1;min-height:0}.role-friend{width:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.role-friend .sprite{height:20vh;max-height:90%}.role-friend>span{font-size:clamp(9px,.75vw,13px);text-align:center;color:#85735b}.role-work{width:71%;display:flex;flex-direction:column;justify-content:center;gap:1vh;min-height:0}.role-question{font-size:clamp(12px,1.07vw,18px);font-weight:900;text-align:center;line-height:1.4;padding:.4vh .3vw}.speech-choices{display:flex;flex-direction:column;gap:.8vh}.speech-choices button{font-size:clamp(11px,.98vw,17px);color:#654e41;text-align:left;line-height:1.35;min-height:5.2vh;background:#fffaf0;border:2px solid #e4d4b9;border-radius:1vh;box-shadow:0 3px #cab894;padding:.5vh .45vw;display:flex;align-items:center;justify-content:space-between;gap:.2vw;font-weight:700}.speech-choices button span{width:.9vw;flex-shrink:0}.speech-choices button.selected{border-color:var(--color);background:color-mix(in srgb,var(--color) 18%,white);box-shadow:0 3px 0 var(--color)}.speech-choices button:hover{border-color:var(--color)}.kindness .notice{font-size:clamp(10px,.87vw,15px);line-height:1.35;min-height:4.4vh;padding:.2vh .3vw;background:#fffdf6c9;border-radius:.8vh}.kindness .action-row{margin:0;flex-shrink:0}.kindness .action-row button{min-height:5.3vh;background:linear-gradient(#ffffff30,#0000000d),var(--color);color:#fff;border:2px solid #fff8;box-shadow:inset 0 2px #fff4,0 3px #82684888;border-radius:1.3vh;font-size:clamp(12px,1.1vw,19px);padding:.6vh .3vw}.kindness .action-row button:disabled{opacity:1;filter:none;color:#83786b;background:#ddd6c8;border-color:#ece6d9;box-shadow:0 2px #bfb5a4}.shared-answer{padding:1vh .6vw;border:2px dashed #9ab792;background:#f1f7e9;border-radius:1.4vh;font-size:clamp(12px,1vw,18px);text-align:center;line-height:1.6}.shared-answer strong{color:#537d48}.shared-answer p{margin:.8vh 0}.kindness .footnote{color:#fffdf6;background:#654c3577}@media(max-height:650px){.kindness .lane{padding:.6vh .6vw}.kindness .lane-head{min-height:4vh}.role-work{gap:.3vh}.speech-choices{gap:.5vh}.speech-choices button{min-height:5.5vh}.kindness .notice{min-height:4vh}.story-card h2{margin:.6vh 0}.story-card p{line-height:1.35}.conversation{gap:.3vh}.story-tip{padding-top:.5vh}}.story-stage{min-height:0;flex-shrink:0;grid-template-rows:minmax(0,1fr)}.conversation,.puppet-stage{min-height:0}.puppets{height:calc(100% - 4.5vh);padding-bottom:4vh}.scene-prop{bottom:.2vh}.stage-caption{flex-shrink:0}.kindness header{height:17%;padding:1.2vh 1.4vw;align-items:flex-start}.kindness .brand{border:6px solid #b9885a;border-radius:2.8vh;outline:2px dashed #f4d6ab;outline-offset:-10px;padding:1.3vh 1.2vw;background:#fff0d3;box-shadow:0 4px #805c41}.kindness .brand small{display:none}.kindness .brand h1{font-size:clamp(25px,3vw,49px)}.kindness .brand h1:before{content:"16. ";color:#573728}.kindness .brand h1:after{content:" ♥";color:#d77e88}.kindness .top-tools{position:absolute;right:1vw;top:1vh;z-index:2}.story-stage{height:40%;display:block;position:relative;padding:0;overflow:visible}.puppet-stage{position:absolute;left:33%;width:40%;top:-5vh;height:calc(100% + 5vh);isolation:auto}.puppet-stage:before{display:none}.stage-caption{position:absolute;top:-7vh;left:8%;width:84%;background:#fff4dc;border:2px dashed #d1a98a;padding:1vh 2vw;font-size:clamp(15px,1.5vw,24px);line-height:1.3;z-index:1}.exact-scene{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 3px #6d533f44)}.later-scene{clip-path:inset(0 0 8% 0)}.story-stage .scene-prop{bottom:0;left:32%;width:40%;height:10vh}.story-card{position:absolute;right:3%;width:23%;top:2%;padding:1.1vh 1.1vw;background:#fff4dc;border:5px solid #c29673;border-radius:1.2vh;transform:rotate(1deg)}.story-card small{display:block;margin-top:-2.3vh;margin-left:-1.7vw;width:max-content;background:#b3866a;color:#fff6e0;border-radius:1vh;padding:.6vh 1vw}.story-card h2{font-size:clamp(15px,1.35vw,23px);margin:.5vh 0}.story-card p{font-size:clamp(14px,1.3vw,22px);font-weight:700;line-height:1.55;margin:.5vh 0}.story-tip{font-size:clamp(10px,.9vw,15px);padding-top:.5vh}.conversation{position:absolute;left:1.3%;bottom:3%;width:36%;height:49%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:3.5vh 1fr;gap:.5vw;padding:1vh 1vw;background:#fff3dc;border:4px solid #bc906b;border-radius:1.4vh;transform:rotate(-1deg);box-shadow:0 5px #795c4155}.conversation h2{grid-column:1/-1;font-size:clamp(13px,1.3vw,22px);margin-top:-2.8vh;background:#a98162;color:#fff4e2;width:max-content;padding:.5vh 1vw;border-radius:1vh;gap:1vw}.conversation h2 span{color:#fff2c3}.conversation-line{position:relative;border:2px solid var(--color);border-radius:2vh;background:color-mix(in srgb,var(--color) 10%,#fff8e8);padding:.6vh .35vw;display:flex;flex-direction:column;justify-content:center;text-align:center}.conversation-line:not(:last-child):after{content:"→";position:absolute;right:-.65vw;color:#b3926c;font-weight:900}.conversation-line b{position:absolute;top:-1.8vh;left:12%;width:76%;background:var(--color);color:#fff;border-radius:2vh;font-size:0;padding:.2vh}.conversation-line b:first-letter{font-size:clamp(10px,1vw,16px)}.conversation-line p{font-size:clamp(9px,.82vw,14px);line-height:1.35;margin:0;overflow:auto;max-height:100%;color:#65493e}.conversation-line:not(.filled) p{font-size:0}.conversation-line:not(.filled) p:after{content:"…";font-size:3vw;color:var(--color)}.kindness .lanes{height:41%;width:88%;padding:.5vh .7vw 1vh;gap:.5vw}.kindness .lane{border-radius:2.5vh;border-width:6px;padding:.5vh .55vw .8vh;gap:.35vh;box-shadow:inset 0 0 0 2px #fff9,0 4px #96735088}.kindness .lane-head{font-size:clamp(12px,1.05vw,18px);margin:-1.8vh -.45vw 0;padding:.5vh .5vw;border-radius:2vh 2vh .8vh .8vh;min-height:4.5vh;flex-shrink:0}.kindness .lane-head b{border:2px solid #fff8;border-radius:50%;padding:.1vh .25vw;box-shadow:0 2px #8b6b5544}.role-friend{width:42%;justify-content:center}.role-friend .sprite{height:25vh;max-height:100%}.role-friend>span{display:none}.role-work{width:58%;gap:.5vh}.role-question{font-size:clamp(11px,1vw,17px);background:#fffdf5;border-radius:1vh;padding:.7vh .3vw}.speech-choices{gap:.65vh}.speech-choices button{font-size:clamp(10px,.86vw,15px);min-height:5.5vh;padding:.35vh .3vw;border-radius:1vh}.kindness .notice{font-size:clamp(9px,.75vw,13px);min-height:3.4vh;max-height:4.5vh}.kindness .action-row button{min-height:4vh;font-size:clamp(10px,.9vw,15px);padding:.3vh}.kindness .selection-state{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--color)!important}.group-send{position:absolute;right:1.2%;bottom:5%;width:10%;height:30%;border:5px ridge #9edda3;border-radius:6vh;background:linear-gradient(115deg,#8dce72,#39995a);box-shadow:inset 0 0 0 3px #dcffd17a,0 5px #226849,0 7px 12px #30572f55;color:#fffbe7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4vh;padding:1vh .5vw;text-shadow:0 2px 0 #286b3f}.group-send .paper-plane{font-size:5vw;line-height:1;transform:rotate(-25deg)}.group-send strong{font-size:clamp(13px,1.25vw,22px)}.group-send small{font-size:clamp(10px,.85vw,15px);line-height:1.6;white-space:pre-line}.group-send:disabled{filter:saturate(.6);color:#f4ffe7}.kindness .footnote{height:2%}@media(max-height:650px){.kindness .lane{padding:.4vh .4vw}.speech-choices button{font-size:10px}.story-tip{display:none}.conversation{height:52%}}.conversation-line p{overflow:hidden}.conversation-line b{font-size:clamp(10px,.9vw,15px)}.conversation-line b:first-letter{font-size:inherit}.situation-finder header{height:16%}.situation-finder .brand h1{font-size:clamp(24px,2.5vw,42px)}.situation-finder .pace{display:none}.situation-finder .story-stage{height:35%}.situation-finder .puppet-stage{left:3%;width:34%;top:0;height:88%}.situation-finder .story-card{left:40%;right:3%;width:auto;top:0;transform:none;padding:1.6vh 2vw}.situation-finder .story-card small{margin:-2.4vh 0 1vh;padding:.5vh 1vw}.situation-finder .story-card h2{font-size:2.5vh;margin:.6vh 0}.situation-finder .story-card p{font-size:clamp(17px,1.75vw,29px);line-height:1.55;margin:.6vh 0}.situation-finder .story-tip{font-size:1.7vh}.story-friends{height:100%;display:flex;align-items:center;justify-content:center}.story-friends .sprite{width:47%;height:90%}.situation-finder .scene-prop{bottom:0;height:9vh}.reply-progress{position:absolute;bottom:.6vh;left:39%;right:2%;display:flex;gap:.6vw}.reply-progress span{flex:1;text-align:center;padding:.4vh;background:#fff6e4e8;border:2px solid var(--color);border-radius:1vh;font-size:1.5vh;color:#4c493a}.situation-finder .lanes{width:100%;height:47%;gap:.7vw;padding:1vh .8vw}.situation-finder .lane{padding:.5vh .8vw 1vh}.situation-finder .lane-head span{font-size:1.5vh}.situation-finder .lane-head small{font-size:1.25vh}.situation-finder .role-body{flex:1;min-height:0}.situation-finder .role-friend{width:26%}.situation-finder .role-work{width:74%}.situation-finder .role-question{font-size:1.55vh;padding:.5vh}.situation-finder .speech-choices{gap:.55vh}.situation-finder .speech-choices button{min-height:5.2vh;font-size:clamp(11px,1.02vw,17px);padding:.5vh .5vw;line-height:1.3}.situation-finder .speech-choices button:disabled{opacity:.5}.situation-finder .speech-choices button.selected:disabled{opacity:1}.situation-finder .notice{font-size:1.35vh;min-height:4vh;max-height:5vh;line-height:1.35}.situation-finder .action-row button{min-height:5.6vh;font-size:1.9vh}.situation-finder .footnote{font-size:1.2vh}.situation-finder{background-image:url(/assets/situation-bg.png);background-size:100% 100%}.situation-finder header{height:11%;padding:1vh 1vw}.situation-finder .brand{padding:.7vh 1vw;border-width:4px}.situation-finder .brand h1{font-size:clamp(20px,2.35vw,39px)}.situation-finder .story-stage{height:38%}.situation-finder .puppet-stage{left:3%;width:42%;top:-10%;height:110%}.situation-art{width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 5px 3px #71503733)}.situation-finder .story-card{left:46%;right:3%;top:-9%;height:99%;padding:4vh 3.4vw 2vh;background:none;border:0;box-shadow:none;transform:none;isolation:isolate}.situation-finder .story-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/assets/situation-board.png) center/100% 100% no-repeat;pointer-events:none}.situation-finder .story-card small{position:absolute;top:3%;left:12%;margin:0;padding:0;background:none;color:#fff1d6;font-size:1.75vh}.situation-finder .story-card h2{font:clamp(24px,2.8vw,46px) Jua;color:#593a2a;margin:2vh 0 1.6vh}.situation-finder .story-card p{font-size:clamp(15px,1.7vw,28px);margin:0;line-height:1.45}.situation-finder .story-tip{display:block;color:#3e6744;font-size:clamp(14px,1.55vw,25px);font-weight:800;margin:1.4vh 0 0;padding:0;border:0}.situation-finder .reply-progress{display:none}.situation-finder .lanes{height:49%;padding:0 .4vw .5vh;gap:0}.situation-finder .lane{position:relative;isolation:isolate;display:block;background:none!important;border:0;border-image:none;box-shadow:none;padding:0;--panel-x:0%}.situation-finder .lane:nth-child(2){--panel-x:33.333333%}.situation-finder .lane:nth-child(3){--panel-x:66.666667%}.situation-finder .lane:nth-child(4){--panel-x:100%}.situation-finder .lane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:url(/assets/situation-panels.png) var(--panel-x) center/400% 100% no-repeat;z-index:-1}.situation-finder .lane-head{position:absolute;left:8%;right:8%;top:5%;height:10%;min-height:0;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;background:none;box-shadow:none;border:0;font-size:2vh}.situation-finder .lane-head b{font-size:2.8vh;line-height:1;border:2px solid #fff8;padding:.5vh;border-radius:50%}.situation-finder .lane-head small{font-size:2vh;background:#fff5;border:1px solid #fff6;padding:.2vh .8vw;border-radius:2vh}.header-friend{width:6vh;height:5.5vh;overflow:hidden}.header-friend .sprite{width:6vh;height:11vh;transform:translateY(-.5vh)}.situation-finder .role-body,.situation-finder .role-work{position:static;width:auto;height:auto;display:block}.situation-finder .role-friend,.situation-finder .role-question{display:none}.situation-finder .speech-choices{position:absolute;left:7%;right:7%;top:20%;height:54%;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:.7vh}.situation-finder .speech-choices button{min-height:0;width:100%;padding:.6vh .6vw;font-size:clamp(12px,1.25vw,21px);font-weight:800;line-height:1.25;background:linear-gradient(#fffcf0,#f2e9d7);border:2px solid #d8c7a9;border-radius:1.6vh;box-shadow:inset 0 0 0 2px #fff7,0 3px #bcab8c;text-align:center}.situation-finder .speech-choices button.selected{outline:3px solid #f2c640;outline-offset:-2px;background:#fff3ba}.situation-finder .speech-choices button span{display:none}.situation-finder .notice{position:absolute;left:8%;right:8%;top:76%;height:5%;min-height:0;max-height:none;line-height:1.15;font-size:clamp(9px,.85vw,14px);background:#fff5daea;padding:0 .3vw;margin:0}.situation-finder .action-row{position:absolute;left:8%;right:8%;top:84%;height:10%;margin:0}.situation-finder .action-row button{width:100%;height:100%;min-height:0;background:none;border:0;box-shadow:none;border-radius:2vh;font-size:clamp(15px,1.6vw,27px);padding:0;color:#fff;text-shadow:0 2px 1px #66483788}.situation-finder .action-row button:not(:disabled){outline:2px solid #fff8;outline-offset:-4px}.situation-finder .action-row button:disabled{opacity:.65}.situation-finder .footnote{height:2%;font-size:1.2vh;background:#6f563644}.situation-finder .speech-choices{left:10%;right:10%;width:auto!important;top:24%;height:46%;gap:.65vh}.situation-finder .speech-choices button{text-align:center!important;display:flex;justify-content:center;align-items:center;font-size:clamp(12px,1.4vw,23px);padding:.3vh .3vw}.situation-finder .notice{top:71%;left:10%;right:10%;height:5%;font-size:clamp(9px,.82vw,14px)}.situation-finder .action-row{left:10%;right:10%;top:78%;height:10%}.situation-finder .action-row button{background:transparent!important;box-shadow:none!important;border:0!important}.situation-finder .lane-head{top:9%;left:12%;right:12%;height:10%}.situation-finder .header-friend{width:8vh;height:6vh}.situation-finder .header-friend .sprite{width:8vh;height:15vh;transform:translateY(-.8vh)}.situation-finder .story-card h2{font-size:clamp(25px,3.45vw,57px);margin:2.8vh 0 1.5vh}.situation-finder .story-card p{font-size:clamp(16px,2vw,33px)}.situation-finder .story-tip{font-size:clamp(14px,1.7vw,28px)}.situation-finder .puppet-stage{height:120%;top:-16%}.situation-finder header{height:10%}.situation-finder .story-stage{height:40%}.situation-finder .lanes{height:50%;padding:0 .3vw;gap:0;overflow:hidden}.situation-finder .lane{overflow:hidden;border-radius:3vh}.situation-finder .lane:before{top:-8.4%;bottom:auto;height:120.5%;left:-2%;right:-2%}.situation-finder .lane-head{top:2%;height:16%;left:7%;right:7%}.situation-finder .lane-head b{font-size:3.2vh}.situation-finder .lane-head small{font-size:2.5vh}.situation-finder .header-friend{width:11vh;height:9vh}.situation-finder .header-friend .sprite{width:11vh;height:21vh;transform:translateY(-1.6vh)}.situation-finder .speech-choices{left:6%;right:6%;top:20%;height:55%;gap:.7vh}.situation-finder .speech-choices button{font-size:clamp(13px,1.48vw,25px);border-radius:1.8vh;line-height:1.15}.situation-finder .notice{top:75%;height:6%;left:7%;right:7%;font-size:clamp(10px,1vw,17px);line-height:1.1;background:#fff9e8f0;z-index:2;display:none}.situation-finder .lane:has(.selected) .notice{display:flex;align-items:center;justify-content:center}.situation-finder .action-row{top:81%;height:15%;left:7%;right:7%}.situation-finder .action-row button,.situation-finder .action-row button:disabled{color:#fff!important;opacity:1;filter:none;font-size:clamp(18px,2.1vw,35px);font-weight:900;text-shadow:0 2px 2px #55412888}.situation-finder .action-row button:not(:disabled){outline:2px dashed #fff9;outline-offset:-5px}.situation-finder .footnote{display:none}.situation-finder .story-card{left:44%;right:2%;width:auto;top:-3%;height:100%;padding:4vh 3.3vw 2vh}.situation-finder .story-card h2{font-size:clamp(27px,3.7vw,61px);margin:3vh 0 1.7vh}.situation-finder .story-card small{font-size:2.4vh;top:3.8%;left:12%}.situation-finder .puppet-stage{left:-2%;width:47%;height:149%;top:-26%}.situation-finder .lane:before{top:0;right:0;bottom:0;left:0;height:auto;background-size:416% 120.5%;background-position:var(--panel-x) 41%}.situation-finder .story-card{padding-left:4.1vw;padding-right:3.4vw;padding-top:6.4vh}.situation-finder .story-card h2{font-family:Jua,Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(27px,3.8vw,63px);line-height:1.12;letter-spacing:-.035em;-webkit-text-stroke:.35px currentColor;margin:3vh 0 1.8vh;color:#493126}.situation-finder .story-card p{font-family:Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(16px,2vw,33px);line-height:1.4;letter-spacing:-.035em;color:#513a2e}.situation-finder .story-card .story-tip{font-family:Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(15px,1.85vw,30px);line-height:1.3;letter-spacing:-.035em;margin-top:1.7vh;color:#345b36}.situation-finder .speech-choices{left:10%;right:10%;top:22%;height:51%;gap:.75vh}.situation-finder .speech-choices button{min-width:0;min-height:0;padding:.35vh .55vw;white-space:normal;overflow-wrap:break-word;font-size:clamp(13px,1.4vw,23px);line-height:1.22}.kind-setup{width:min(850px,92vw)}.setup-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1vw;margin:2vh 0}.setup-fields label{display:grid;gap:.6vh;font-weight:900}.setup-fields select{font:inherit;min-height:48px;border:2px solid #cbb18a;border-radius:12px;padding:8px;background:#fffdf3;color:#493b30;max-width:100%;min-width:0}.setup-summary{background:#ecf3df;padding:12px;border-radius:12px;font-weight:800}.teacher-open{position:absolute;right:1vw;top:7vh;z-index:4;border-radius:12px;background:#fff5df;padding:.6vh 1vw;font-size:clamp(12px,1.1vw,18px);color:#4e4433}.teacher-actions{display:flex;gap:12px;flex-wrap:wrap}.situation-finder .reply-feedback{position:absolute;z-index:5;left:9%;right:9%;top:26%;height:47%;padding:1.4vh .8vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffbedf5;border:3px solid #c39c62;border-radius:2vh;box-shadow:0 5px 16px #533b3744;text-align:center}.reply-feedback p{font-weight:800;font-size:clamp(14px,1.55vw,25px);line-height:1.45;margin:0 0 1.5vh}.reply-feedback button{padding:1vh 1vw;border-radius:1vh;background:#e6bb6c;font-weight:900;font-size:clamp(14px,1.4vw,23px);color:#493b30}.reply-feedback.ok{border-color:#69a260}.reply-feedback.ok button{background:#d9edc9}.situation-finder .story-card p{font-size:clamp(15px,1.75vw,29px);line-height:1.3}.situation-finder .story-card h2{font-size:clamp(25px,3.2vw,53px);margin-top:2vh;margin-bottom:1.2vh}.situation-finder .story-card .story-tip{font-size:clamp(14px,1.55vw,26px);margin-top:1.2vh}.situation-finder .action-row button{font-size:clamp(14px,1.55vw,26px)}.situation-finder .puppet-stage{left:0;width:43%;height:115%;top:-7%}.situation-finder .action-row button,.situation-finder .action-row button:disabled{font-size:clamp(14px,1.55vw,26px)}.situation-finder .speech-choices button{font-size:clamp(12px,1.25vw,20px);line-height:1.15;padding:.2vh .4vw}.situation-finder .lanes{padding:0 .7vw .6vh;gap:.5vw}.situation-finder .lane:before{display:none}.panel-skin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.situation-finder .lane-head{left:9%;right:9%;top:4%;height:14%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:0}.situation-finder .lane-head b{justify-self:start;margin:0;font-size:2.9vh;padding:.4vh;border:2px solid #fff8}.situation-finder .lane-head small{justify-self:end;margin:0;font-size:2.4vh;padding:.2vh .5vw;white-space:nowrap}.situation-finder .header-friend{justify-self:center;width:9vh;height:7vh}.situation-finder .header-friend .sprite{width:9vh;height:18vh;transform:translateY(-1.4vh)}.situation-finder .speech-choices{left:8%;right:8%;top:24%;height:49%;gap:.7vh}.situation-finder .action-row{left:8%;right:8%;top:81%;height:14%}.situation-finder .header-friend{width:12vh;height:7vh}.situation-finder .header-friend .sprite{width:12vh;height:16vh;transform:translateY(-1vh)}.situation-finder .story-card{padding:7vh 4.1vw 4vh;display:flex;flex-direction:column;justify-content:space-between;gap:1.2vh}.situation-finder .story-card h2{flex:0 0 auto;font-family:Jua,Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(27px,3.6vw,60px);line-height:1.1;letter-spacing:-.035em;margin:0;padding:0 0 1.5vh;border-bottom:2px dashed #bba282a6}.situation-finder .story-card p{flex:0 1 auto;font-family:Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(17px,2.3vw,38px);line-height:1.4;letter-spacing:-.04em;margin:0;padding:0}.situation-finder .story-card .story-tip{flex:0 0 auto;font-family:Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(16px,2vw,33px);line-height:1.25;letter-spacing:-.04em;margin:0;padding:0;color:#345b36}.situation-finder .story-card{padding-top:8.5vh;padding-bottom:7vh;gap:.5vh}.situation-finder .action-row .confirm-answer,.situation-finder .action-row .confirm-answer:disabled{font-family:Jua,Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(22px,2.25vw,37px);line-height:1;color:#fff!important;display:flex;align-items:center;justify-content:center;padding:0;text-shadow:0 2px 1px #60402d88}