.play-page{--play-accent:#e5c88c;--play-table:#142b26;--play-table-line:#375449;--play-inset:#10221e;--play-card:#173d32;--play-pink:#c79d9b}
.play-games{display:flex;align-items:center;gap:8px;margin:0 0 31px;flex-wrap:wrap}.play-games a{font-size:11px;padding:8px 13px;border:1px solid var(--salon-line);border-radius:30px;color:var(--salon-muted);text-decoration:none;white-space:nowrap}.play-games a span{margin-right:5px}.play-games a[aria-current=page]{color:var(--salon-ink);background:var(--salon-panel);border-color:var(--salon-gold)}.play-free{margin-left:auto;font-size:10px;color:var(--salon-muted)}
.play-deck-preview{position:relative;flex:0 0 130px;height:132px;margin-right:20px;margin-left:20px}.play-deck-preview img{position:absolute;top:7px;left:26px;width:80px;height:120px;border-radius:7px;box-shadow:0 5px 15px #0004;object-fit:cover}.play-deck-preview img:first-child{transform:translateX(-25px) rotate(-17deg)}.play-deck-preview img:nth-child(2){transform:translateX(27px) rotate(16deg)}.play-deck-preview img:last-child{transform:translateY(-7px) rotate(-2deg)}
@media(max-width:640px){.play-games{gap:7px;margin-bottom:25px}.play-games a{font-size:10px;padding:7px 11px}.play-free{font-size:9px}.play-deck-preview{flex-basis:74px;height:95px;margin:0 10px 0 18px}.play-deck-preview img{left:7px;width:54px;height:81px;border-radius:5px}.play-deck-preview img:first-child{transform:translateX(-15px) rotate(-15deg)}.play-deck-preview img:nth-child(2){transform:translateX(15px) rotate(15deg)}}
@media(max-width:360px){.play-free{display:none}.play-deck-preview{flex-basis:48px;margin-left:7px}.play-deck-preview img{left:0;width:40px;height:60px;top:17px}.play-deck-preview img:first-child{transform:translateX(-8px) rotate(-15deg)}.play-deck-preview img:nth-child(2){transform:translateX(8px) rotate(15deg)}}
.play-page .play-intro h1,.play-page .play-intro h1 em{background:none;-webkit-text-fill-color:currentColor}
.play-page .play-intro{text-align:left;padding:0}
.play-page .play-shell button,.play-page .play-result button{width:auto;margin:0;box-shadow:none;letter-spacing:normal;white-space:nowrap;font-family:inherit;transform:none}
.play-page .play-shell button:hover:not(:disabled),.play-page .play-result button:hover:not(:disabled){transform:none}
.play-page .play-themes button{flex:0 0 auto}
.play-page .play-shell .play-primary,.play-page .play-shell .play-secondary,.play-page .play-result .play-primary,.play-page .play-result .play-secondary{width:100%}
.play-page .play-intro h1{word-break:keep-all;text-align:left}
.play-page .play-note h2{word-break:keep-all}
.play-page .play-board{max-width:420px;margin:0 auto}
.play-page .play-stage{overflow:clip}
.play-page .play-board button.memory-card{overflow:visible}.play-page .play-board button.memory-card:disabled{opacity:1!important}
.play-page .play-result .play-result-close{width:36px;height:36px;min-height:36px;padding:0;margin:0;line-height:1}
.play-page .play-toolbar .play-icon-button{width:38px;height:38px;min-height:38px;padding:8px;flex:0 0 38px}
.play-stage.is-shuffling::after{content:'';position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#f7cf7a08 46%,#f7cf7a24 50%,#f7cf7a08 54%,transparent 60%);animation:play-light-sweep 1.6s ease-in-out infinite;z-index:10}
@keyframes play-light-sweep{from{transform:translateX(-45%) rotate(-12deg)}to{transform:translateX(45%) rotate(-12deg)}}
@media(max-width:360px){.play-page .play-seal{display:none}.play-page .play-intro h1{font-size:28px}}
html.theme-light .play-page{--play-accent:#70582a;--play-pink:#875257}
.play-shell{max-width:1120px;margin:0 auto;padding:44px 40px 72px}.play-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.play-page .play-eyebrow{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.22em;color:var(--salon-gold);margin:0 0 16px}.play-eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c79d9b;margin-right:8px;box-shadow:0 0 16px #c79d9b66}.play-intro h1{font-family:'Noto Serif KR',serif;font-size:clamp(29px,4vw,43px);line-height:1.5;letter-spacing:-.06em;font-weight:500;margin:0 0 15px;color:var(--salon-ink)}.play-intro h1 em{font-style:normal;color:var(--salon-gold)}.play-page .play-description{font-size:13px;color:var(--salon-muted);line-height:1.9;margin:0}.play-seal{width:104px;height:104px;border:1px solid var(--salon-line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);color:var(--salon-gold);margin-right:20px}.play-seal>span{font-size:29px;line-height:1.2}.play-seal small{font:8px/1.5 Arial,sans-serif;letter-spacing:.18em;text-align:center;margin-top:8px}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.play-table{min-width:0;border:1px solid var(--salon-line);border-radius:22px;padding:22px;background:var(--salon-panel)}.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.play-page .play-themes{display:flex;gap:4px;border:1px solid var(--salon-line);padding:4px;border-radius:30px}.play-page .play-themes button,.play-page .play-periods button{background:transparent;border:0;border-radius:20px;color:var(--salon-muted);font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;padding:9px 17px;cursor:pointer;min-height:36px}.play-page .play-themes button[aria-pressed=true]{color:var(--salon-button-ink);background:var(--salon-gold)}.play-page .play-themes button:disabled{cursor:default;opacity:.65}.play-page .play-icon-button{display:grid;place-items:center;border:1px solid var(--salon-line);background:transparent;border-radius:50%;color:var(--salon-muted);width:38px;height:38px;padding:8px;cursor:pointer}.play-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.play-scoreboard{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:23px 0 18px;gap:12px}.play-scoreboard>div+div{border-left:1px solid var(--salon-line);padding-left:20px}.play-scoreboard span{display:block;color:var(--salon-muted);font-size:10px;letter-spacing:.08em;margin-bottom:5px}.play-scoreboard span small{letter-spacing:0;margin-left:4px}.play-scoreboard strong{font:500 27px/1.4 'Trebuchet MS',sans-serif;font-variant-numeric:tabular-nums;color:var(--salon-ink)}.play-scoreboard b{font-weight:500}.play-scoreboard strong small{font-size:15px;color:var(--salon-muted)}
.play-stage{position:relative;isolation:isolate;border:1px solid var(--play-table-line);border-radius:16px;overflow:hidden;padding:28px 30px;background:radial-gradient(ellipse at 50% 20%,#284d3e88,transparent 70%),var(--play-table);box-shadow:inset 0 0 70px #0004;perspective:1100px;touch-action:manipulation}.play-stage::before{content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid #c9b27924;border-radius:11px}.play-orbit{pointer-events:none;position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #ddc58e12;border-radius:50%;box-shadow:0 0 0 35px #c8b77d04,0 0 0 70px #c8b77d03}.play-orbit::after{content:'✦';display:grid;place-items:center;position:absolute;inset:10%;border:1px solid #ddc58e12;border-radius:50%;font-size:150px;color:#d6bd7d05}.play-corner{position:absolute;color:#d2b77a80;line-height:1;font-size:17px}.corner-tl{top:13px;left:13px}.corner-br{bottom:13px;right:13px}.play-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;perspective:1000px}.play-page button.memory-card{display:block;position:relative;aspect-ratio:2/2.95;width:100%;min-width:0;padding:0;min-height:0;margin:0;background:none!important;border:0!important;border-radius:8px;cursor:pointer;outline-offset:3px;touch-action:manipulation;box-shadow:none;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;transition:filter .2s}.play-page button.memory-card:disabled{opacity:1;cursor:default}.card-turn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .46s cubic-bezier(.2,.7,.2,1)}.memory-card.is-up .card-turn,.memory-card.is-matched .card-turn{transform:rotateY(180deg)}.card-side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:7px;border:1px solid #d9bd79aa;box-shadow:0 4px 8px #0005}.card-back{background:#102c23;display:grid;place-items:center}.card-back img{width:100%;height:100%;object-fit:cover;pointer-events:none}.card-back::after{content:'';position:absolute;inset:0;border:3px solid #142b23;box-shadow:inset 0 0 0 1px #c6a96166;border-radius:6px}.card-front{transform:rotateY(180deg);background:#eee6cb;display:grid;place-items:center;color:#1b3529}.card-front img{width:100%;height:100%;object-fit:cover;pointer-events:none}.card-face-name{position:absolute;bottom:0;left:0;right:0;background:#12271be8;color:#f3e5b7;font:600 9px/1.5 sans-serif;padding:5px 2px;letter-spacing:.08em}.card-front svg{width:70%;height:65%;stroke:#34483b;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.card-rune-symbol{font-family:serif;font-size:clamp(30px,5vw,60px);color:#3d513c;text-shadow:0 2px #fff8}.card-rune-texture{position:absolute;inset:10px;border:1px solid #66785033;border-radius:50% 50% 46% 54%;box-shadow:inset 0 0 22px #31533811}.memory-card.is-matched .card-side{border-color:#f0d799;box-shadow:0 0 0 2px #e6c88966,0 0 22px #e4ba6055}.memory-card.is-matched::after{content:'✓';position:absolute;right:-5px;top:-5px;width:20px;height:20px;background:#e5cb90;color:#19392a;border-radius:50%;font:700 12px/20px sans-serif;box-shadow:0 1px 6px #0008}.memory-card.is-miss{animation:play-miss .32s ease-in-out}.memory-card.is-fresh-match{animation:play-match .7s ease-out}.memory-card.is-pending{filter:brightness(1.25)}.play-stage.is-shuffling .memory-card{pointer-events:none;will-change:transform}.play-stage.is-shuffling .card-side{box-shadow:0 3px 1px #0a1915,0 8px 12px #0006}.play-stage.is-shuffling .play-orbit{animation:play-orbit 5s ease-in-out}.play-stage.is-idle .play-board{filter:brightness(.4);pointer-events:none}.play-stage.is-idle .memory-card:nth-child(3n){transform:rotate(3deg)}.play-stage.is-idle .memory-card:nth-child(3n + 1){transform:rotate(-3deg)}
#play-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.play-start-panel{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at center,#10251ddb 0,transparent 80%)}.play-start-panel[hidden]{display:none}.play-mini-star{font-size:39px;line-height:1;color:#e2c790;text-shadow:0 0 30px #dcb06888;margin-bottom:19px}.play-page .play-start-panel p{font-size:11px;color:#c6c9b5;letter-spacing:.04em;margin:0 0 8px}.play-page .play-start-panel h2{font:500 clamp(19px,2.5vw,25px)/1.7 'Noto Serif KR',serif;letter-spacing:-.04em;color:#f1ecdb;margin:0 0 25px}.play-page .play-primary{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;padding:15px 20px;border:1px solid #e6ca8d;border-radius:9px;background:#e0c28b;color:#1c3023;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .2s,box-shadow .2s}.play-page .play-primary:hover:not(:disabled){background:#f1d6a2;box-shadow:0 0 25px #d0a75733}.play-page .play-primary:disabled{opacity:.55;cursor:wait}.play-start-panel .play-primary{max-width:245px;box-shadow:0 5px 25px #0005}.play-page .play-start-panel .play-mode{margin-top:13px;font-size:10px;color:#c6c9b5}.play-shuffle-label{position:absolute;bottom:10px;left:15px;right:15px;text-align:center;color:#f2daa4;z-index:20;font-size:12px;letter-spacing:.12em;text-shadow:0 2px 6px #000}.play-table-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0 8px;min-height:49px}.play-page .play-table-bottom p{font-size:11px;line-height:1.7;margin:0;color:var(--salon-muted)}.play-page .play-text-button{flex-shrink:0;background:transparent;border:0;border-bottom:1px solid var(--salon-line);border-radius:0;color:var(--salon-gold);font-size:11px;cursor:pointer;padding:4px 0}.play-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;color:var(--salon-muted)}.play-options label{display:flex;gap:5px;align-items:center;cursor:pointer}.play-options label[hidden]{display:none}.play-options input{width:13px;height:13px;margin:0;accent-color:#9d925f}.play-options>span{margin-left:auto}.play-page .play-secondary{width:100%;display:block;text-align:center;background:transparent;border:1px solid var(--salon-line);border-radius:9px;color:var(--salon-ink);padding:12px;font-size:12px;cursor:pointer}.play-page .play-secondary:hover{background:var(--salon-panel)}.play-page [hidden]{display:none!important}#play-retry{margin-top:12px}
.play-ranking{padding:23px 20px;border:1px solid var(--salon-line);border-radius:16px}.play-ranking .play-eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:8px}.play-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.play-page .play-ranking h2{margin:0;font:500 23px/1.5 'Noto Serif KR',serif;letter-spacing:-.04em;color:var(--salon-ink)}.play-free-badge{border:1px solid var(--salon-line);border-radius:20px;padding:3px 7px;font:9px/1.5 sans-serif;letter-spacing:.08em;color:var(--salon-gold)}.play-periods{display:flex;gap:4px;margin-top:23px;padding-bottom:10px;border-bottom:1px solid var(--salon-line)}.play-page .play-periods button{flex:1;padding:8px 10px;font-size:11px}.play-page .play-periods button[aria-pressed=true]{color:var(--salon-ink);background:var(--salon-panel)}.play-page .play-rank-rule{font-size:9px;color:var(--salon-muted);margin:12px 0}.play-rank-list{list-style:none;margin:0;padding:0;min-height:110px}.play-rank-list li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--salon-line);font-size:12px}.play-rank-number{width:21px;font:italic 18px/1 serif;color:var(--salon-muted)}.play-rank-list li:first-child .play-rank-number{color:var(--salon-gold)}.play-rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--salon-ink)}.play-rank-value{font-size:12px;font-variant-numeric:tabular-nums;color:var(--salon-gold)}.play-page #play-rank-status{font-size:12px;line-height:1.8;color:var(--salon-muted);margin:15px 0;text-align:center}.play-my-rank{margin:15px 0;padding:13px 10px;border-radius:8px;background:var(--salon-panel);color:var(--salon-ink);font-size:12px;display:flex;justify-content:space-between;gap:8px}.play-page .play-rank-footnote{font-size:10px;line-height:1.9;color:var(--salon-muted);margin:13px 0 0}.play-note{padding:28px 12px;text-align:center}.play-note>span{font-size:25px;color:var(--salon-gold)}.play-page .play-note h2{font:500 19px/1.8 'Noto Serif KR',serif;color:var(--salon-ink);margin:10px 0}.play-page .play-note p{font-size:11px;line-height:1.9;color:var(--salon-muted);margin:10px 0 20px}.play-note a{font-size:11px;border-bottom:1px solid var(--salon-line);padding-bottom:5px;text-decoration:none}.play-how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--salon-line);margin-top:35px;padding-top:25px}.play-how>div{display:flex;gap:12px;align-items:flex-start}.play-how>div>span{font:italic 24px/1.4 serif;color:var(--salon-gold)}.play-page .play-how p{margin:0;font-size:10px;color:var(--salon-muted);line-height:1.9}.play-how strong{display:block;color:var(--salon-ink);font-size:12px;font-weight:500;margin-bottom:4px}
.play-page .play-result{width:calc(100% - 32px);max-width:430px;max-height:calc(100dvh - 32px);padding:34px 30px 25px;border:1px solid var(--salon-line);border-radius:20px;background:var(--salon-paper);color:var(--salon-ink);text-align:center;box-shadow:0 30px 90px #0008;overflow:auto}.play-result::backdrop{background:#050f0ccd;backdrop-filter:blur(7px)}.play-page .play-result-close{position:absolute;top:10px;right:12px;width:36px;height:36px;display:grid;place-items:center;font-size:25px;border:0;background:transparent;color:var(--salon-muted);cursor:pointer}.play-result .play-eyebrow{margin:10px 0;font-size:9px}.play-victory-mark{font-size:56px;line-height:1.5;color:var(--salon-gold);text-shadow:0 0 35px #c6a36155}.play-page .play-result h2{font:500 26px/1.6 'Noto Serif KR',serif;margin:5px 0;color:var(--salon-ink)}.play-page #play-result-caption{font-size:12px;color:var(--salon-muted);margin:6px 0 10px}.play-result-score{font:500 58px/1.5 'Trebuchet MS',sans-serif;color:var(--salon-gold);font-variant-numeric:tabular-nums}.play-result-score small{font-size:16px;margin-left:7px}.play-result-breakdown{display:flex;justify-content:center;gap:18px;font-size:11px;color:var(--salon-muted);border-bottom:1px solid var(--salon-line);padding-bottom:20px;margin-bottom:20px}.play-result-breakdown b{font-weight:500;color:var(--salon-ink);margin-left:5px}.play-page #play-record-form{text-align:left}.play-page #play-record-form label{display:block;font-size:11px;color:var(--salon-ink);margin-bottom:7px}.play-page #play-record-form label span{color:var(--salon-muted);margin-left:4px}.play-page #play-nickname{width:100%;box-sizing:border-box;padding:12px;border-radius:8px;border:1px solid var(--salon-line);background:var(--salon-panel);color:var(--salon-ink);font-size:13px}.play-page #play-nickname::placeholder{color:var(--salon-muted)}.play-page .play-privacy-note{font-size:10px;color:var(--salon-muted);margin:7px 0 16px}.play-page #play-record-status{font-size:12px;line-height:1.7;color:var(--salon-gold);margin:14px 0}.play-result .play-secondary{margin-top:12px}
@keyframes play-miss{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes play-match{30%{transform:scale(1.075) translateY(-3px)}100%{transform:scale(1)}}@keyframes play-orbit{50%{opacity:1;box-shadow:0 0 0 35px #c8b77d09,0 0 0 70px #c8b77d07,0 0 80px #e7b24a22}}
@media(min-width:1000px){.play-board{gap:15px}.play-stage{padding:30px 44px}.play-sidebar{position:sticky;top:24px}}
@media(max-width:800px){.play-shell{padding:30px 20px 50px}.play-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.play-table{padding:16px}.play-stage{padding:22px 18px}.play-board{gap:9px}.play-seal{margin-right:0}.play-ranking{padding:20px 15px}.play-themes button{padding:8px 12px!important}}
@media(max-width:640px){.play-shell{padding:28px 16px 40px}.play-intro{margin-bottom:25px}.play-intro h1{font-size:30px;margin-bottom:12px}.play-intro .play-eyebrow{font-size:8px;margin-bottom:12px}.play-description{font-size:11px!important}.play-seal{width:65px;height:65px;margin-left:8px;flex-shrink:0}.play-seal>span{font-size:22px}.play-seal small{font-size:6px;margin-top:4px}.play-layout{grid-template-columns:1fr;gap:24px}.play-table{padding:14px;border-radius:16px}.play-scoreboard{margin:18px 0 15px;gap:8px}.play-scoreboard strong{font-size:25px}.play-scoreboard>div+div{padding-left:15px}.play-stage{padding:23px 17px}.play-board{gap:10px}.play-options{gap:10px;font-size:9px}.play-options>span{width:100%;margin-left:0}.play-themes button{font-size:11px!important}.play-start-panel{padding:20px}.play-start-panel h2{font-size:22px!important}.play-start-panel .play-primary{padding:13px 15px;max-width:230px}.play-ranking{padding:22px}.play-rank-list{min-height:60px}.play-note{padding:25px 10px 0}.play-note h2 br{display:none}.play-note p br{display:none}.play-how{grid-template-columns:1fr;gap:18px;margin-top:25px;padding-top:22px}.play-how>div{gap:15px}.play-how p{font-size:11px!important}.play-how strong{margin-bottom:0}.card-face-name{font-size:8px;padding:3px 1px}.play-page .play-result{padding:30px 22px 22px}.play-result-score{font-size:50px}}
@media(prefers-reduced-motion:reduce){.play-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.play-page.simple-motion .card-turn{transition-duration:.08s}.play-page.simple-motion .memory-card{animation:none!important}

.play-page .play-icon-button[aria-pressed=true]{color:var(--salon-gold)!important;border-color:var(--salon-gold)!important}