@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#253a36;background:#f8f9f5;font-synthesis:none;--green:#247b60;--muted:#82908a;--mint:#d3eee0;--blue:#dbeaf7;--purple:#e9e1f5;--peach:#f9e2d5;--yellow:#f9edbb}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #288469;outline-offset:4px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.site-header{height:108px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 44px}.brand{font-size:25px;font-weight:900;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-icon{background:#29785e;color:#fff;width:35px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:33px;line-height:1}.beta{font-size:9px;letter-spacing:1.3px;color:#8f9b93;font-weight:600;margin-left:5px;border-left:1px solid #d6ddd7;padding-left:15px}nav{display:flex;gap:24px;align-items:center}nav button{font-size:12px;font-weight:600}nav button span{margin-left:10px}.icon-button{position:relative;width:36px;height:36px;border:1px solid #dce2da;border-radius:50%;font-size:22px}.sound-off{position:absolute;left:1px;top:4px;font-size:21px}.home{max-width:1160px;margin:38px auto 0;padding:0 42px;display:grid;grid-template-columns:1fr 1fr;column-gap:85px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600;color:#6f8577;display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;background:#6aa88a;border-radius:50%}h1{font-size:57px;letter-spacing:-3.5px;line-height:1.3;font-weight:800;margin:21px 0 23px}.pop-word{color:var(--green);position:relative;display:inline-block}.pop-word svg{position:absolute;bottom:-9px;left:-2px;width:110%;height:17px;fill:none;stroke:#b7d8a1;stroke-width:3.5;stroke-linecap:round}.intro-copy{font-size:13px;line-height:1.95;color:#7a877f;letter-spacing:-.3px}.mode-list{display:grid;gap:13px;margin-top:30px}.mode-card{text-align:left;display:flex;align-items:flex-start;padding:23px 21px;border-radius:17px;border:1px solid;position:relative;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2647340a}.time-card{background:#edf4eb;border-color:#dce8d6}.duel-card{background:#f1eef8;border-color:#e4dff0}.mode-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;margin:5px 17px 0 0;background:#dceacf;border-radius:13px;font-size:26px;color:#638c47}.bot-mini{background:#e5ddf3;color:#8c71b6;font-size:16px;line-height:11px;text-align:center;display:block;padding-top:7px}.mode-content{display:flex;flex-direction:column;gap:5px}.mode-tag{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#7c9967}.duel-card .mode-tag{color:#9a83b8}.mode-tag i{font-style:normal;font-size:8px;letter-spacing:0;margin-left:7px}.mode-content strong{font-size:19px;font-weight:800;letter-spacing:-.8px}.mode-content>span:not(.mode-tag){font-size:11px;color:#7a8578;letter-spacing:-.4px}.mode-content small{font-size:10px;margin-top:6px;color:#657e55}.duel-card small{color:#947ab2}.card-arrow{font-size:20px;margin-left:auto;color:#899885}.home-links{display:flex;align-items:center;gap:17px;font-size:10px;color:#96a095;margin:24px 0}.home-links button{font-size:11px;color:#6a7c6f;padding:0}.home-links button span{margin-right:5px}.divider{height:10px;width:1px;background:#d8ddd5}.showcase{position:relative;align-self:center;margin-top:20px;padding-bottom:43px}.preview-shell{background:#fff;border:1px solid #e9ece5;border-radius:25px;padding:22px 20px 17px;transform:rotate(-3deg);box-shadow:0 20px 50px #344d3510}.preview-top{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#7b8c82;margin-bottom:17px}.preview-top>span{display:flex;align-items:center;gap:6px}.preview-top>span:last-child{font-size:11px;color:#a0aa9e;letter-spacing:2px}.live-dot{width:5px;height:5px;background:#83a580;border-radius:50%}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.tile{position:relative;aspect-ratio:1;border-radius:12px;background:var(--tile-color);display:grid;place-items:center;font-size:25px;font-weight:800;color:var(--tile-ink);border:2px solid transparent;padding:0;z-index:2;transition:transform .15s,opacity .15s,box-shadow .15s}.tile[data-value="1"]{--tile-color:var(--mint);--tile-ink:#4c9679}.tile[data-value="2"]{--tile-color:var(--blue);--tile-ink:#6696bb}.tile[data-value="3"]{--tile-color:var(--purple);--tile-ink:#9980b7}.tile[data-value="4"]{--tile-color:var(--peach);--tile-ink:#c99174}.tile[data-value="5"]{--tile-color:var(--yellow);--tile-ink:#b6a050}.tile.selected{border-color:#328268;box-shadow:0 0 0 3px #3282681a;filter:brightness(1.035);transform:scale(.94)}.tile.selected:after{content:'';width:5px;height:5px;border-radius:50%;background:#2c8063;position:absolute;bottom:4px}.tile.removing{transform:scale(.4);opacity:0}.preview-board{gap:7px}.preview-board .tile{font-size:24px;border-radius:10px}.preview-caption{font-size:9px;color:#9ba693;display:flex;justify-content:center;align-items:center;gap:7px;margin-top:17px}.tiny-spark{color:#b6bf8d;font-size:16px}.float-label{font-size:11px;letter-spacing:-.2px;color:#a2aa93;position:absolute;top:-41px;right:2px;transform:rotate(5deg)}.float-label span{font-size:23px;margin-left:7px}.bot-bubble{position:absolute;bottom:0;right:-23px;display:flex;align-items:center;gap:15px;padding:17px 24px 16px 15px;border:1px solid #e9e8e0;border-radius:19px;background:#fffefa;box-shadow:0 8px 30px #47523508;transform:rotate(3deg)}.bot-bubble strong{font-size:12px;display:block}.bot-bubble div>span:not(.antenna):not(.robot-foot){font-size:10px;color:#9a9f8b;display:block;margin-top:4px}.bubble-star{color:#c5ba74;font-size:25px;margin-left:10px}.robot{width:46px;height:38px;background:#d8dfc8;border-radius:13px;position:relative;padding:9px 7px;flex-shrink:0}.robot:before,.robot:after{content:'';position:absolute;width:4px;height:14px;top:12px;background:#b9c5a3;border-radius:3px}.robot:before{left:-5px}.robot:after{right:-5px}.antenna{position:absolute;top:-10px;left:23px;width:2px;height:10px;background:#a9b496}.antenna:before{content:'';position:absolute;top:-3px;left:-2px;width:6px;height:6px;border-radius:50%;background:#b1bd95}.robot-face{height:19px;background:#f7faef;border-radius:6px;display:flex;align-items:center;justify-content:space-evenly}.robot-face i{width:4px;height:6px;background:#85966f;border-radius:50%}.deco-spark{position:absolute;left:-35px;bottom:65px;font-size:31px;color:#d5ddbc}.home-bottom{grid-column:1/-1;border-top:1px solid #e2e7dd;display:flex;justify-content:space-between;align-items:center;margin-top:43px;padding-top:25px;color:#a5ae9f;font-size:10px}.home-bottom b{font-size:11px;letter-spacing:2px;color:#819274;margin-right:14px}.home-bottom i{font-style:normal;font-size:20px;margin-left:18px;color:#a9b58f}footer{max-width:1160px;margin:35px auto 22px;padding:0 42px;display:flex;justify-content:space-between;font-size:9px;color:#a7afa3}footer div{display:flex;align-items:center;gap:12px}footer button{font-size:9px;color:#8b9887;padding:0}.game{max-width:430px;margin:15px auto;padding:0 14px}.game-heading{display:flex;align-items:center;gap:15px;margin-bottom:22px}.game-heading h2{font-size:22px;margin:4px 0 0;letter-spacing:-1px}.game-heading .eyebrow{font-size:8px}.back-button{font-size:24px;padding:8px}.round-button{margin-left:auto;border:1px solid #dce3d5;width:38px;height:38px;border-radius:50%}.scoreboard{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;background:#fff;border:1px solid #e6eade;border-radius:17px;min-height:89px}.score-block small{font-size:10px;color:#85917b;display:block;margin-bottom:3px}.score-block strong{font-size:30px}.score-block em{font-style:normal;font-size:12px;margin-left:4px;color:#8c9984}.score-block:last-child{text-align:right}.score-block p{font-size:10px;color:#85917b;margin:2px 0}.time-track{height:4px;background:#e7ebdf;border-radius:5px;margin:17px 0 0;overflow:hidden}#time-fill{height:100%;background:#76a77f;transition:width .1s}.turn-label{text-align:center;font-size:12px;font-weight:600;min-height:40px;padding:12px 0;color:#6e8461}.board-wrap{position:relative}.game .board{gap:6px}.path-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.path-lines line{stroke:#37866a;stroke-width:5;stroke-linecap:round}.board-cover{position:absolute;inset:-3px;z-index:5;border-radius:17px;background:#eaf0e4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;color:#547951;padding:20px}.board-cover strong{font-size:60px}.board-cover p{font-size:14px}.path-info{text-align:center;min-height:69px;padding:15px 0 8px;font-size:14px;font-weight:700;color:#457d60}.path-info small{display:block;color:#99a48d;font-size:11px;margin-top:6px;font-weight:400}.keyboard-help{font-size:9px;text-align:center;color:#a2ab98;margin:2px 0 20px}dialog{border:1px solid #e6eadd;border-radius:25px;padding:30px;width:min(440px,calc(100% - 28px));max-height:90dvh;color:#2e4438;background:#fcfdf8;box-shadow:0 30px 100px #233e3520}dialog::backdrop{background:#293d3959;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-size:23px;letter-spacing:-1px;margin:0}.close-dialog{font-size:26px;color:#8b9887}dialog p{font-size:13px;line-height:1.9;color:#86917e}dialog .big-score{text-align:center;font-size:57px;font-weight:800;letter-spacing:-3px;margin:20px 0 0;color:#32765a}dialog .result-sub{text-align:center;margin-top:0}.primary,.secondary{border-radius:12px;padding:14px 16px;display:block;width:100%;font-weight:600;font-size:13px;margin-top:10px}.primary{background:#32785d;color:white}.secondary{background:#eaf0e3;color:#6e835d}.text-button{width:100%;font-size:11px;color:#8b9b7c;margin-top:17px}.difficulty{display:block;border:1px solid #dfe7d6;border-radius:13px;padding:16px;width:100%;text-align:left;margin-top:11px;background:white}.difficulty strong{font-size:15px;display:block}.difficulty span{font-size:11px;color:#8b997e;display:block;margin-top:5px}.record-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e8ecdf;padding:13px 4px;font-size:12px}.record-row b{color:#608354;min-width:49px}.record-row small{margin-left:auto;color:#97a28c}.notice{background:#edf2e7;padding:14px;border-radius:12px;font-size:11px!important}.result-stats{display:flex;justify-content:space-around;background:#edf2e7;border-radius:13px;padding:15px;margin:20px 0}.result-stats span{font-size:11px;color:#8a967e;display:block;text-align:center}.result-stats strong{display:block;font-size:20px;margin-top:5px;color:#557747}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#314f3f;color:#fff;border-radius:12px;padding:12px 22px;font-size:12px;z-index:20;transition:.2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}label{display:block;font-size:12px;color:#738368;margin:16px 0 6px}select,textarea,input{width:100%;font:inherit;font-size:12px;color:#43583e;background:#fff;border:1px solid #dbe4d1;border-radius:9px;padding:11px}textarea{min-height:70px;resize:vertical}.tutorial-target{outline:2px dashed #598b4f;outline-offset:-5px}.reduced *, .reduced *:before,.reduced *:after{animation:none!important;transition:none!important}.tile:focus-visible{outline-offset:0;z-index:4}.urgent{color:#c57658!important}.step-dots{text-align:center;font-size:11px;color:#849976;margin-bottom:10px}
@media(min-width:1400px){.home{margin-top:65px}.site-header{height:120px}.home-bottom{margin-top:65px}}
@media(max-width:1000px){.home{column-gap:45px;padding:0 30px}h1{font-size:49px}.mode-card{padding:20px 15px}.mode-icon{margin-right:12px}.mode-content strong{font-size:17px}.showcase{padding-right:5px}.bot-bubble{right:-5px}.preview-shell{padding:16px 13px}.preview-board{gap:5px}.preview-board .tile{font-size:20px}.home-bottom{margin-top:40px}}
@media(max-width:700px){.site-header{height:79px;padding:0 23px}.brand{font-size:23px}.beta{font-size:8px;padding-left:11px}nav{gap:12px}nav button{font-size:11px}.home{display:flex;flex-direction:column;margin:23px auto 0;padding:0 24px;max-width:470px}.eyebrow{font-size:10px}h1{font-size:47px;margin:18px 0 22px;line-height:1.25}.intro-copy{font-size:12px}.mode-list{margin-top:24px}.mode-card{padding:20px 18px}.mode-content strong{font-size:19px}.mode-content>span:not(.mode-tag){font-size:11px}.mode-icon{margin-right:17px}.home-links{margin:22px 0 0}.showcase{margin:70px 15px 20px;padding-bottom:44px;align-self:stretch}.preview-shell{padding:19px 17px}.preview-board .tile{font-size:23px}.home-bottom{font-size:9px;margin-top:26px;padding-top:20px;display:block}.home-bottom>span:last-child{display:none}.home-bottom b{font-size:10px}.bot-bubble{right:-10px}footer{padding:0 24px;margin-top:25px;font-size:8px;gap:12px}footer button{font-size:8px}.game{margin:5px auto;max-width:430px;padding:0 15px}.game .board{gap:4px}.game .tile{border-radius:11px}.game-heading{margin-bottom:14px}.game-heading h2{font-size:20px}.scoreboard{padding:12px 17px;min-height:77px}.keyboard-help{display:none}.game .tile{font-size:25px}.time-track{margin-top:12px}.turn-label{min-height:35px;padding:9px 0}.path-info{font-size:13px;padding-top:14px}body:has(.game:not(.hidden)) footer{margin-top:15px}body:has(.game:not(.hidden)) .site-header{height:67px}.board{gap:4px}}
@media(max-width:360px){.game{padding:0 8px}.game .tile{font-size:22px}.home{padding:0 18px}.mode-content strong{font-size:17px}.mode-icon{margin-right:11px}.beta{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.turn-label[data-bot="true"]:before{content:'• •';display:inline-block;vertical-align:middle;letter-spacing:3px;font-size:12px;line-height:15px;text-align:center;width:24px;height:17px;border:3px solid #cbd8bd;border-radius:6px;background:#eef4e4;color:#7a9363;margin-right:8px;box-shadow:-3px 0 #cbd8bd,3px 0 #cbd8bd}.turn-label[data-thinking="true"]:before{animation:bot-think .4s ease-in-out infinite alternate}.settling .tile{animation:settle .15s ease-out}.path-lines{z-index:1}@keyframes settle{from{transform:translateY(-8px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes bot-think{to{transform:rotate(7deg);color:#4f7848}}