.sm-game{--rose:#b56970;--ink:#624f49;--cream:#fff9ec;min-height:100svh;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(at 15% 25%,#edc6bf33,#0000 55%),#f7f2e9;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}.sm-game *{box-sizing:border-box}.sm-game button,.sm-game input,.sm-game textarea{font:inherit}.sm-game button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sm-game button:disabled{cursor:default}.sm-game :is(button,a,input,summary,textarea):focus-visible{outline-offset:3px;outline:3px solid #768f78}.sm-game h1,.sm-game h2,.sm-game p{word-break:keep-all}.sm-game img{-webkit-user-select:none;user-select:none;pointer-events:none}.sm-header{justify-content:space-between;align-items:center;gap:10px;max-width:1070px;min-height:42px;margin:0 auto 9px;font-size:13px;font-weight:800;display:flex}.sm-header a{color:#927e70;align-items:center;min-height:42px;text-decoration:none;display:flex}.sm-header>span{letter-spacing:-.04em}.sm-header button{color:#93736c;background:#fff9ed;border:1px solid #e0d3c4;border-radius:22px;min-height:40px;padding:6px 12px;font-size:11px}.sm-layout{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;max-width:1070px;margin:auto;display:grid}.sm-side{color:#a39080;justify-self:center;max-width:230px;font-size:13px;line-height:1.8}.sm-side>span,.sm-side>small{letter-spacing:.02em;font-size:11px}.sm-side h1{letter-spacing:-.06em;color:#866458;margin:15px 0 23px;font-size:46px;font-weight:900;line-height:1.28}.sm-side>b{color:#a9756f;font-size:12px}.sm-pair-example{color:#b2a08a;justify-content:center;align-items:center;gap:2px;margin:17px auto;display:flex}.sm-pair-example img{width:65px;height:73px}.sm-record{text-align:center}.sm-record>strong{color:#a76c70;letter-spacing:-.04em;margin-top:8px;font-size:44px;font-weight:900;line-height:1.3;display:block}.sm-record>strong small{margin-left:4px;font-size:13px}.sm-record>img{width:120px;margin:35px auto 8px;display:block;transform:rotate(7deg)}.sm-record h3{color:#987a66;font-size:18px;line-height:1.55}.sm-card{--sm-board:348px;isolation:isolate;width:min(430px,100vw - 20px);height:var(--sm-height,min(780px,calc(100svh - 68px)));-webkit-user-select:none;user-select:none;background:linear-gradient(155deg,#fff9e9,#f3e5d3);border:1px solid #d7c4af;border-radius:25px;grid-template-rows:18px 38px 54px 22px minmax(0,1fr) 24px 42px;gap:7px;min-height:465px;padding:0 14px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #c8b49d77,0 19px 50px #8f6e5822;container-type:inline-size}.sm-card:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#a4826322 .7px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.sm-awning{background:repeating-linear-gradient(90deg,#d18f93 0 24px,#f9e8d6 24px 48px);border-radius:0 0 8px 8px;margin:0 -14px;box-shadow:0 3px #bc94743b}.sm-shop{align-items:center;gap:8px;min-width:0;padding-inline:5px;display:flex}.sm-shop-mark{color:#af8770;font-size:26px}.sm-shop>div{flex:1;min-width:0}.sm-shop b{letter-spacing:-.03em;font-size:13px;font-weight:900;display:block}.sm-shop>div>span{color:#af9380;margin-top:2px;font-size:10px;display:block}.sm-shop>button{color:#a08371;background:#fff9ee;border:1px solid #dcccc0;border-radius:50%;width:38px;height:38px;font-weight:900}.sm-hud{text-align:center;grid-template-columns:1fr 1.2fr 1fr;gap:7px;display:grid}.sm-hud>div{background:#fffaf0;border:1px solid #e5d6c1;border-radius:13px;padding:5px 2px;box-shadow:0 2px #dfcdb64d}.sm-hud span{color:#ac9584;margin-bottom:1px;font-size:10px;font-weight:700;display:block}.sm-hud b{color:#947364;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:900;line-height:1.1;display:block}.sm-hud b small{letter-spacing:0;font-size:11px;font-weight:600}.sm-hud>div:nth-child(2) b{color:#b66f78}.sm-hud .sm-urgent{color:#bd605c}.sm-duel-hud{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sm-duel-hud>div{color:#a69883;background:#f4eadb;border:1px solid #ded1bd;border-radius:13px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sm-duel-hud span{font-size:11px;font-weight:700}.sm-duel-hud b{font-size:26px;font-weight:900;line-height:1.1}.sm-duel-hud b small{margin-left:2px;font-size:10px}.sm-duel-hud .sm-current{color:#ac656f;background:#fff6e7;border:2px solid #b5767c;box-shadow:0 2px #b7777020}.sm-duel-hud .sm-current:last-child{color:#6f8c75;border-color:#8ca18b}.sm-round-note{color:#a28875;justify-content:space-between;align-items:center;gap:5px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.sm-round-note small{flex-shrink:0;font-size:10px}.sm-round-note .sm-combo{color:#b15e71;animation:.36s ease-out sm-pop}.sm-field{justify-content:center;align-items:center;min-height:0;display:flex}.sm-grid{width:var(--sm-board);aspect-ratio:4/5;touch-action:manipulation;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:100%;display:grid}.sm-tile{-webkit-appearance:none;appearance:none;perspective:600px;-webkit-touch-callout:none;background:0 0;border:0;border-radius:11px;min-width:0;min-height:0;padding:0;position:relative;outline-offset:2px!important}.sm-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.65,.3,1);display:block;position:relative}.sm-up .sm-flip{transform:rotateY(180deg)}.sm-back,.sm-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.sm-back{background:repeating-linear-gradient(0deg,#c1848d00 0 11px,#e6afaf66 11px 22px),repeating-linear-gradient(90deg,#c4848d 0 11px,#d99da4 11px 22px);border:3px solid #fff2dd;box-shadow:0 3px #a5727166,0 3px 5px #9f7c611c}.sm-back:after{content:"";border:1px solid #ffe7d378;border-radius:6px;position:absolute;inset:4px}.sm-back img{object-fit:contain;width:75%;height:77%}.sm-back small{letter-spacing:.12em;color:#fff7e5;opacity:.7;font-size:9px;position:absolute;bottom:5px}.sm-front{background:radial-gradient(at 50% 30%,#fffef5,#faf0dc);border:2px solid #e9d9bf;transform:rotateY(180deg);box-shadow:0 3px #c6b29366,0 3px 5px #9f7c611c}.sm-front img{object-fit:contain;width:94%;height:80%;margin-top:-6px}.sm-front>small{color:#a08672;font-size:clamp(8px,2.4cqw,11px);font-weight:700;position:absolute;bottom:7px}.sm-tile[aria-disabled=false]:active{transform:translateY(2px)}.sm-matched .sm-front{background:linear-gradient(#f8f7e7,#e5e9d2);border-color:#b8c29e;box-shadow:0 2px #a5b29166}.sm-matched .sm-front img{animation:.36s ease-out sm-snack}.sm-stamp{color:#fff8e9;background:#819b80;border:1px solid #f8f5df;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:3px;right:3px}.sm-stamp.sm-player-0{background:#bc8690}.sm-miss .sm-front{border-color:#dda89c;animation:.32s ease-out sm-wobble}.sm-paused .sm-grid{visibility:hidden}.sm-status{text-align:center;color:#a77d70;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:24px;overflow:hidden}.sm-bottom{border-top:1px dashed #d6c6af;justify-content:space-between;align-items:center;gap:8px;display:flex}.sm-bottom>span{color:#ad9a81;font-size:10px}.sm-bottom button{color:#967761;background:0 0;border:0;min-height:38px;padding:4px 6px;font-size:11px;font-weight:700}.sm-bottom button:disabled{opacity:.45}.sm-welcome{z-index:2;background:linear-gradient(#fff5e5 0%,#fff5e5ee 29%,#fff5e594 50%,#f7ead7f5 74%);flex-direction:column;justify-content:space-between;align-items:center;padding:25px 25px 12px;display:flex;position:absolute;inset:18px 0 0;overflow:auto}.sm-welcome-heading{text-align:center;z-index:1}.sm-pill{color:#a88671;letter-spacing:.035em;font-size:11px}.sm-welcome h2{letter-spacing:-.085em;color:#8e6b57;text-shadow:0 3px #fffbed;margin:7px 0 2px;font-size:clamp(41px,13cqw,58px);font-weight:900;line-height:1.3}.sm-welcome h2 em{color:#b5747c;font-style:normal}.sm-welcome-heading p{color:#b2957f;margin:6px 0 0;font-size:13px}.sm-hero{flex:1;width:100%;height:190px;min-height:105px;max-height:240px;margin:0 0 10px;position:relative}.sm-hero>div{aspect-ratio:4/5;background:#fffaf0;border:3px solid #f2debd;border-radius:13px;place-items:center;width:35%;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px #c6ac9066,0 15px 20px #c2a18226}.sm-hero>div img{width:93%;height:93%}.sm-hero>div:first-child{z-index:2;transform:translate(-116%,-46%)rotate(-15deg)}.sm-hero>div:nth-child(2){z-index:1;background:repeating-linear-gradient(0deg,#c1848d00 0 11px,#e6afaf66 11px 22px),repeating-linear-gradient(90deg,#c4848d 0 11px,#d99da4 11px 22px);transform:translate(-52%,-63%)rotate(-1deg)}.sm-hero>div:nth-child(3){z-index:3;transform:translate(10%,-43%)rotate(16deg)}.sm-hero>i{color:#c5a469;font-size:25px;font-style:normal;animation:3s ease-in-out infinite sm-twinkle;position:absolute;top:8%;right:9%}.sm-hero>i:last-child{font-size:19px;top:73%;left:4%}.sm-entry{text-align:center;z-index:4;flex-shrink:0;width:100%}.sm-modes{background:#e1cfba44;border:1px solid #dfc8b3;border-radius:16px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;padding:4px;display:grid}.sm-modes button{color:#a58b76;background:0 0;border:0;border-radius:11px;min-height:52px;padding:6px;font-size:13px;font-weight:800}.sm-modes small{margin-top:4px;font-size:10px;font-weight:500;display:block}.sm-modes button[aria-pressed=true]{color:#ab727a;background:#fff9e9;box-shadow:0 2px 4px #bba28b44}.sm-primary{color:#fff7e7;background:linear-gradient(#c88892,#b3737f);border:1px solid #a66d75;border-bottom:4px solid #905f68;border-radius:14px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:48px;padding:11px 10px;font-size:15px;line-height:1.35;display:flex;box-shadow:inset 0 1px #e3adb4;font-weight:900!important}.sm-primary:active{border-bottom-width:2px;transform:translateY(2px)}.sm-primary:disabled{opacity:.55}.sm-primary>span{font-size:22px}.sm-entry>small{color:#ae947e;margin-top:10px;font-size:10px;display:block}.sm-text{color:#a89179;text-underline-offset:3px;background:0 0;border:0;min-height:42px;padding:7px 10px;text-decoration:underline;font-size:11px!important;font-weight:600!important}.sm-invitation{color:#8c9870;margin:0 0 10px;font-size:11px}.sm-secondary{color:#9e7e65;background:#f4e8d4;border:1px solid #dac7af;border-radius:13px;width:100%;min-height:44px;margin-top:10px;padding:10px 7px;font-size:12px!important;font-weight:700!important}.sm-secondary:disabled{opacity:.45}.sm-overlay{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#72584765;place-items:center;padding:7%;display:grid;position:absolute;inset:0}.sm-panel{overscroll-behavior:contain;text-align:center;background:linear-gradient(#fff9ea,#f6ead6);border:2px solid #fffaea;border-radius:23px;width:100%;max-height:100%;padding:23px 20px 10px;position:relative;overflow:auto;box-shadow:0 7px #77584733}.sm-eyebrow{color:#b0957d;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.sm-panel h2{letter-spacing:-.05em;color:#997367;margin:8px 0 15px;font-size:clamp(19px,6cqw,26px);font-weight:900;line-height:1.4}.sm-panel p{color:#a08a76;margin:13px 0 20px;font-size:12px;line-height:1.8}.sm-panel .sm-fine{margin:11px 0 17px;font-size:10px;line-height:1.8}.sm-panel ol{text-align:left;color:#a28a72;margin:16px 0;padding-left:19px;font-size:12px;line-height:1.7}.sm-panel li{margin-bottom:9px}.sm-panel li b{color:#917361}.sm-panel .sm-pair-example{margin:7px 0}.sm-close{color:#af9780;background:0 0;border:0;width:42px;height:42px;position:absolute;top:3px;right:3px;font-size:26px!important}.sm-panel-snack{width:95px;height:103px;margin:0 auto 8px;display:block}.sm-turn-badge{color:#9f6671;background:#e3c4c6;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-block}.sm-turn-badge.sm-player-1{color:#6f8c75;background:#d3dfc8}.sm-result-art{justify-content:center;align-items:center;height:90px;display:flex}.sm-result-art img{width:78px;margin-right:-14px;transform:rotate(-14deg)}.sm-result-art img:last-child{transform:rotate(12deg)}.sm-score{color:#b47781;letter-spacing:-.05em;margin:10px 0 15px;font-size:clamp(40px,14cqw,61px);font-weight:900;line-height:1.1;display:block}.sm-score small{margin-left:4px;font-size:14px}.sm-stats{border-block:1px dashed #d9c6ae;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:15px;padding:12px 0;display:grid}.sm-stats span{color:#ad9680;font-size:10px}.sm-stats b{color:#a1806e;margin-bottom:4px;font-size:20px;font-weight:900;display:block}.sm-result-duel{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.sm-result-duel>div{background:#f0e2ce;border:1px solid #ddc9af;border-radius:13px;padding:12px}.sm-result-duel span{color:#a38971;font-size:11px;display:block}.sm-result-duel b{color:#ac7980;font-size:40px;line-height:1.5}.sm-result-duel small{font-size:12px}.sm-result-duel>div:last-child b{color:#83957b}.sm-panel textarea{color:#91735e;background:#fff9e9;border:1px solid #d8c3a9;border-radius:9px;width:100%;min-height:85px;padding:8px;font-size:11px}.sm-below{color:#a08e79;text-align:center;max-width:670px;margin:12px auto 0;font-size:11px}.sm-below>label{cursor:pointer;align-items:center;gap:5px;min-height:42px;margin-right:15px;display:inline-flex}.sm-below input{accent-color:#b77f85}.sm-below details{text-align:left;font-size:12px;line-height:1.9}.sm-below summary{text-align:center;cursor:pointer;min-height:44px;padding:10px}.sm-below p{margin:12px 0}@keyframes sm-pop{0%{transform:scale(.95)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes sm-snack{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes sm-wobble{0%,to{translate:0}25%{translate:-2px}75%{translate:2px}}@keyframes sm-twinkle{50%{opacity:.4;transform:scale(.8)}}@media (max-width:800px){.sm-layout{justify-content:center;gap:0;display:flex}.sm-side{display:none}.sm-header{max-width:430px;margin-bottom:7px;font-size:12px}.sm-card{border-radius:21px}.sm-below{max-width:430px}}@media (max-height:690px){.sm-card{grid-template-rows:13px 30px 46px 20px minmax(0,1fr) 21px 34px;gap:5px;padding:0 10px 7px}.sm-awning{margin-inline:-10px}.sm-shop>div>span{display:none}.sm-shop>button{width:30px;height:30px}.sm-hud>div{padding:3px 2px}.sm-hud b{font-size:22px}.sm-duel-hud{gap:6px}.sm-duel-hud>div{padding:5px 9px}.sm-duel-hud b{font-size:24px}.sm-grid{gap:6px}.sm-status{font-size:10px;line-height:21px}.sm-bottom button{min-height:32px}.sm-bottom>span{font-size:9px}.sm-round-note{font-size:10px}.sm-front>small{font-size:9px;bottom:4px}.sm-front img{height:78%;margin-top:-7px}.sm-stamp{min-width:17px;height:17px;font-size:9px}.sm-welcome{padding:13px 22px 5px;inset:13px 0 0}.sm-welcome h2{margin:4px 0 0;font-size:40px}.sm-welcome-heading p{margin-top:4px;font-size:11px}.sm-pill{font-size:10px}.sm-hero{min-height:83px;max-height:150px;margin-bottom:3px}.sm-hero>div{width:27%}.sm-modes{margin-bottom:8px}.sm-modes button{min-height:44px}.sm-primary{min-height:44px;padding:9px;font-size:14px}.sm-entry>small{margin-top:8px;font-size:9px}.sm-text{min-height:36px}.sm-panel{padding:17px 17px 7px}.sm-panel h2{margin-bottom:12px;font-size:21px}.sm-result-art{height:62px}.sm-result-art img{width:59px}.sm-score{margin:8px 0 12px;font-size:47px}.sm-stats{margin-bottom:12px;padding:9px 0}.sm-panel-snack{width:75px;height:80px}.sm-secondary{font-size:11px!important}.sm-invitation{margin-bottom:7px;font-size:10px}}@media (prefers-reduced-motion:reduce){.sm-game *{transition:none!important;animation:none!important}.sm-primary:active,.sm-tile:active{transform:none}}