.shell-page{--shell-felt:#12362d;--shell-felt-line:#3f5d49;--shell-card-gold:#d9c28d;--shell-cue:#f5e8c6}
.shell-page [hidden]{display:none!important}.shell-page .shell-wrap,.shell-page .shell-result{box-sizing:border-box}.shell-page .shell-wrap *,.shell-page .shell-result *{box-sizing:border-box}
.shell-page .shell-wrap button,.shell-page .shell-result button{width:auto;min-height:42px;margin:0;font-family:inherit;letter-spacing:normal;line-height:1.5;white-space:normal;box-shadow:none;transform:none;text-shadow:none;cursor:pointer}
.shell-page .shell-wrap button:hover:not(:disabled),.shell-page .shell-result button:hover:not(:disabled){transform:none}.shell-page .shell-wrap button:disabled,.shell-page .shell-result button:disabled{cursor:default;opacity:.55}
.shell-page .shell-wrap h1,.shell-page .shell-wrap h2,.shell-page .shell-result h2{background:none;-webkit-text-fill-color:currentColor;color:var(--salon-ink);text-shadow:none;word-break:keep-all}
.shell-wrap{max-width:1120px;margin:0 auto;padding:29px 40px 60px}.shell-games{display:flex;align-items:center;gap:8px;margin:0 0 31px;flex-wrap:wrap}.shell-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}.shell-games a span{margin-right:5px}.shell-games a[aria-current=page]{color:var(--salon-ink);background:var(--salon-panel);border-color:var(--salon-gold)}.shell-free{margin-left:auto;font-size:10px;color:var(--salon-muted);letter-spacing:.02em}
.shell-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 31px;text-align:left}.shell-page .shell-eyebrow{margin:0 0 14px;font:600 9px/1.6 Arial,sans-serif;letter-spacing:.2em;color:var(--salon-gold)}.shell-eyebrow>span{display:inline-block;width:6px;height:6px;background:#bbd7ae;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #bbd7ae60}.shell-page .shell-intro h1{font:500 clamp(31px,4.2vw,45px)/1.5 'Noto Serif KR',Batang,serif;letter-spacing:-.06em;margin:0 0 12px;text-align:left}.shell-intro h1 em{font-style:normal;color:var(--salon-gold);background:none;-webkit-text-fill-color:currentColor}.shell-page .shell-intro p:not(.shell-eyebrow){font-size:13px;line-height:1.95;color:var(--salon-muted);margin:0}.shell-seal{flex:0 0 100px;height:100px;margin-right:22px;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)}.shell-seal>span{font-size:29px;line-height:1.2}.shell-seal small{font:8px/1.6 Arial,sans-serif;letter-spacing:.1em;text-align:center;margin-top:9px}
.shell-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.shell-table{min-width:0;padding:22px;border:1px solid var(--salon-line);border-radius:20px;background:var(--salon-panel)}.shell-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.shell-mode{font-size:11px;color:var(--salon-gold)}.shell-mode::before{content:'';display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:7px;vertical-align:middle}.shell-toolbar-options{display:flex;align-items:center;gap:14px}.shell-toolbar label,.shell-options label{font-size:10px;color:var(--salon-muted);display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.shell-page .shell-wrap input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#ad9c66}.shell-page .shell-toolbar .shell-icon-button{width:36px;height:36px;min-height:36px;padding:8px;border:1px solid var(--salon-line);border-radius:50%;background:transparent;color:var(--salon-muted);display:grid;place-items:center;flex:0 0 36px}.shell-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.shell-icon-button[aria-pressed=true]{color:var(--salon-gold)!important;border-color:var(--salon-gold)!important}
.shell-scoreboard{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:21px 0 20px}.shell-scoreboard>div+div{border-left:1px solid var(--salon-line);padding-left:20px}.shell-scoreboard span{display:block;font-size:10px;letter-spacing:.08em;color:var(--salon-muted);margin-bottom:4px}.shell-scoreboard strong{font:500 30px/1.4 'Trebuchet MS',Arial,sans-serif;color:var(--salon-ink);font-variant-numeric:tabular-nums}.shell-scoreboard b{font-weight:500}.shell-scoreboard strong small{font-size:13px;color:var(--salon-muted)}
.shell-stage{isolation:isolate;position:relative;overflow:hidden;border:1px solid var(--shell-felt-line);border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#49755770,transparent 70%),var(--shell-felt);box-shadow:inset 0 0 80px #041d1850;touch-action:manipulation}.shell-stage::before{content:'';position:absolute;inset:9px;border:1px solid #e2ca8c24;border-radius:8px;pointer-events:none}.shell-table-label{position:absolute;top:20px;left:0;right:0;text-align:center;font:8px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#d4d1ac91}.shell-orbit{position:absolute;left:50%;top:50%;width:64%;aspect-ratio:1;border:1px solid #e2ca8c12;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px #e2ca8c04,0 0 0 70px #e2ca8c03;pointer-events:none}.shell-orbit::after{content:'✧';position:absolute;inset:0;display:grid;place-items:center;font-size:180px;color:#e2ca8c08}.shell-board{position:relative;max-width:570px;width:100%;aspect-ratio:1.46;margin:auto;perspective:1200px;transform-style:preserve-3d}
.shell-page .shell-board .shell-card{position:absolute;top:21%;width:26%;aspect-ratio:2/3;display:block;min-height:0;padding:0;border:0!important;border-radius:9px;background:transparent!important;box-shadow:none!important;opacity:1;z-index:2;outline-offset:5px;touch-action:manipulation;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;transition:none;will-change:transform}.shell-page .shell-board .shell-card:disabled{opacity:1;cursor:default}.shell-card-turn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.7,.2,1)}.shell-card.is-up .shell-card-turn{transform:rotateY(180deg)}.shell-card-side{position:absolute;inset:0;border:1px solid #dfc98aa6;border-radius:9px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 2px 1px #0b241c,0 9px 14px #001b1980}.shell-card-side img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.shell-card-back{background:#1a3b30}.shell-card-back::after{content:'';position:absolute;inset:3px;border:1px solid #d7bb7259;border-radius:5px;pointer-events:none}.shell-card-front{background:#163a2c;transform:rotateY(180deg)}.shell-card-name{position:absolute;bottom:0;left:0;right:0;padding:7px 2px 6px;background:linear-gradient(transparent,#112e23eb 25%);color:#f0dfad;font:500 10px/1.7 sans-serif;text-align:center;letter-spacing:.04em}.shell-card.is-target .shell-card-front{border-color:#f5d897;box-shadow:0 0 0 2px #f5d89755,0 0 22px #e4bc6459}.shell-stage.is-choosing .shell-card:not(:disabled):hover .shell-card-side{border-color:#ffe2a6;box-shadow:0 0 0 2px #f4d49288,0 8px 26px #cfb76148}.shell-card.is-pending .shell-card-side,.shell-card.is-exchanging .shell-card-side{border-color:#f0dfad;box-shadow:0 0 0 2px #f4d49255,0 0 22px #cfb76148}.shell-card.is-selected::after{content:'선택';position:absolute;top:-25px;left:0;right:0;color:#f0dfad;font:500 10px/1.4 sans-serif;text-align:center}.shell-stage.is-idle .shell-board{filter:brightness(.47)}.shell-stage.is-idle .shell-card:nth-child(1){transform:rotate(-7deg) translateY(5px)}.shell-stage.is-idle .shell-card:nth-child(3){transform:rotate(7deg) translateY(5px)}
.shell-slots{position:absolute;left:50%;width:100%;max-width:570px;transform:translateX(-50%);bottom:15%;display:grid;grid-template-columns:repeat(3,1fr);padding:0;font:11px/1 serif;color:#d4c48c8c;text-align:center}.shell-cue{position:absolute;bottom:17px;left:12px;right:12px;color:var(--shell-cue);text-align:center;font-size:12px;line-height:1.5;letter-spacing:.03em;pointer-events:none}.shell-cue.is-good{color:#d4e9b5}.shell-cue.is-miss{color:#f0c1a4}#shell-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.shell-start-panel{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at center,#103126e6,transparent 95%);padding:25px 18px}.shell-mini-star{color:#e0c387;text-shadow:0 0 25px #eddca673;font-size:31px;line-height:1.2;margin-bottom:14px}.shell-page .shell-start-panel p{font-size:10px;line-height:1.7;color:#c9d1b5;margin:0 0 7px;letter-spacing:.04em}.shell-page .shell-start-panel h2{font:500 clamp(17px,2.2vw,24px)/1.6 'Noto Serif KR',Batang,serif;color:#f1ead7;margin:0 0 23px;letter-spacing:-.03em}.shell-page .shell-start-panel #shell-start-note{font-size:10px;margin-top:11px;margin-bottom:0}
.shell-page .shell-primary,.shell-page .shell-secondary{width:100%!important;border-radius:8px;padding:13px 16px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:25px}.shell-page .shell-primary{background:#ddc18c;border:1px solid #e4cb99;color:#183326}.shell-page .shell-primary:hover:not(:disabled){background:#f1d6a2;box-shadow:0 0 24px #ddc18c20}.shell-page .shell-secondary{background:transparent;border:1px solid var(--salon-line);color:var(--salon-ink)}.shell-page .shell-secondary:hover:not(:disabled){border-color:var(--salon-gold);background:var(--salon-panel)}.shell-page .shell-start-panel .shell-primary{max-width:255px}.shell-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:14px 0 11px}.shell-page #shell-status{font-size:11px;line-height:1.8;color:var(--salon-muted);margin:0}.shell-page .shell-text-button{flex-shrink:0;padding:5px 0;border:0;border-bottom:1px solid var(--salon-line);border-radius:0;background:transparent;color:var(--salon-gold);font-size:11px}.shell-round-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.shell-retry{margin-bottom:14px!important}.shell-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--salon-muted);font-size:10px}.shell-options>span{margin-left:auto}.shell-page .shell-fair-note{font-size:9px;line-height:1.8;color:var(--salon-muted);margin:9px 0 0}.shell-page #shell-result-open{margin-bottom:13px}
.shell-ranking{border:1px solid var(--salon-line);border-radius:16px;padding:24px 20px}.shell-ranking .shell-eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:9px}.shell-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.shell-page .shell-ranking h2{font:500 23px/1.5 'Noto Serif KR',Batang,serif;margin:0;letter-spacing:-.04em}.shell-badge{font:9px/1.5 Arial,sans-serif;letter-spacing:.06em;color:var(--salon-gold);border:1px solid var(--salon-line);padding:3px 7px;border-radius:20px;white-space:nowrap}.shell-periods{display:flex;gap:5px;border-bottom:1px solid var(--salon-line);margin-top:21px;padding-bottom:10px}.shell-page .shell-periods button{flex:1;min-height:36px;font-size:11px;color:var(--salon-muted);background:transparent;border:0;border-radius:20px;padding:7px}.shell-page .shell-periods button[aria-pressed=true]{background:var(--salon-panel);color:var(--salon-ink)}.shell-page .shell-rank-rule{color:var(--salon-muted);font-size:10px;margin:12px 0}.shell-rank-list{list-style:none;padding:0;margin:0;min-height:90px}.shell-rank-list li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--salon-line)}.shell-rank-number{font:italic 18px/1 serif;color:var(--salon-muted);width:23px}.shell-rank-list li:first-child .shell-rank-number{color:var(--salon-gold)}.shell-rank-name{font-size:12px;color:var(--salon-ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-rank-value{font-size:12px;color:var(--salon-gold);white-space:nowrap;font-variant-numeric:tabular-nums}.shell-page #shell-rank-status{font-size:11px;color:var(--salon-muted);line-height:1.8;margin:15px 0 19px;text-align:center;white-space:pre-line}.shell-my-rank{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--salon-panel);border-radius:8px;padding:12px 10px;margin:13px 0;font-size:11px;color:var(--salon-ink)}.shell-page .shell-rank-footnote{font-size:10px;line-height:1.9;color:var(--salon-muted);margin:12px 0 0}.shell-target-note{display:flex;align-items:center;justify-content:center;gap:16px;padding:30px 4px 8px}.shell-target-note img{width:78px;height:117px;object-fit:cover;border:1px solid var(--salon-line);border-radius:7px;transform:rotate(-6deg);box-shadow:0 8px 15px #0002}.shell-target-note>div{min-width:0}.shell-target-note span{font-size:9px;color:var(--salon-gold)}.shell-page .shell-target-note h2{font:500 18px/1.65 'Noto Serif KR',Batang,serif;margin:6px 0;letter-spacing:-.04em}.shell-page .shell-target-note p{font-size:9px;color:var(--salon-muted);line-height:1.7;margin:0}
.shell-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--salon-line);padding-top:25px;margin-top:34px}.shell-how>div{display:flex;align-items:flex-start;gap:13px}.shell-how>div>span{font:italic 24px/1.4 serif;color:var(--salon-gold)}.shell-page .shell-how p{font-size:10px;color:var(--salon-muted);line-height:1.9;margin:0}.shell-how strong{display:block;font-weight:500;font-size:12px;color:var(--salon-ink);margin:0 0 4px}.shell-page .shell-play-note{font-size:10px;color:var(--salon-muted);margin:28px 0 0;text-align:center}
.shell-page .shell-result{width:calc(100% - 32px);max-width:430px;max-height:calc(100dvh - 32px);margin:auto;padding:36px 30px 27px;border:1px solid var(--salon-line);border-radius:20px;background:var(--salon-paper);color:var(--salon-ink);box-shadow:0 30px 90px #0008;text-align:center;overflow:auto}.shell-result::backdrop{background:#06140fca;backdrop-filter:blur(6px)}.shell-page .shell-result .shell-result-close{position:absolute;right:10px;top:10px;width:36px;min-height:36px;height:36px;line-height:1;display:grid;place-items:center;padding:0;background:transparent;border:0;color:var(--salon-muted);font-size:25px}.shell-result .shell-eyebrow{font-size:8px;letter-spacing:.16em;margin:9px 0}.shell-result-star{color:var(--salon-gold);font-size:46px;line-height:1.5;text-shadow:0 0 24px #dfc07950}.shell-page .shell-result h2{font:500 24px/1.6 'Noto Serif KR',Batang,serif;margin:7px 0;letter-spacing:-.05em}.shell-page #shell-result-caption{font-size:12px;color:var(--salon-muted);margin:6px 0 12px;line-height:1.8}.shell-result-score{margin:0 0 22px;padding:0 0 19px;border-bottom:1px solid var(--salon-line)}.shell-result-score strong{display:block;font:500 64px/1.35 'Trebuchet MS',Arial,sans-serif;color:var(--salon-gold);font-variant-numeric:tabular-nums}.shell-result-score>span{font-size:11px;color:var(--salon-muted)}.shell-page #shell-record-form{text-align:left}.shell-page #shell-record-form label{display:block;color:var(--salon-ink);font-size:11px;margin:0 0 7px}.shell-page #shell-record-form label span{color:var(--salon-muted);margin-left:4px}.shell-page #shell-nickname{font:13px/1.5 inherit;width:100%;min-height:43px;padding:11px 12px;margin:0;border:1px solid var(--salon-line);border-radius:8px;background:var(--salon-panel);color:var(--salon-ink)}.shell-page #shell-nickname::placeholder{color:var(--salon-muted)}.shell-page .shell-privacy-note{font-size:10px;line-height:1.7;color:var(--salon-muted);margin:7px 0 16px}.shell-page #shell-record-status{font-size:12px;line-height:1.8;color:var(--salon-gold);margin:14px 0}.shell-result #shell-again{margin-top:12px}.shell-page.simple-motion .shell-card-turn{transition:none}
html.theme-light .shell-page{--shell-felt:#285243;--shell-felt-line:#49614c}html.theme-light .shell-page .shell-eyebrow>span{background:#698252}html.theme-light .shell-page .shell-primary{background:#766133;color:#fffdf4;border-color:#766133}html.theme-light .shell-page .shell-primary:hover:not(:disabled){background:#66532a}html.theme-light .shell-page .shell-start-panel .shell-primary{background:#ddc18c;color:#183326;border-color:#e4cb99}
@media(min-width:1000px){.shell-sidebar{position:sticky;top:25px}}
@media(max-width:850px){.shell-wrap{padding:26px 20px 50px}.shell-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.shell-table{padding:16px}.shell-ranking{padding:20px 15px}.shell-board{aspect-ratio:1.3}.shell-board .shell-card{top:24%!important}.shell-cue{font-size:11px}.shell-toolbar-options{gap:9px}.shell-round-actions{grid-template-columns:1fr}.shell-seal{margin-right:0}.shell-target-note{gap:12px}.shell-target-note img{width:65px;height:98px}}
@media(max-width:680px){.shell-wrap{padding:23px 16px 42px}.shell-games{margin-bottom:25px;gap:7px}.shell-games a{font-size:10px;padding:7px 11px}.shell-free{font-size:9px}.shell-intro{margin-bottom:24px}.shell-intro .shell-eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:10px}.shell-page .shell-intro h1{font-size:32px}.shell-page .shell-intro p:not(.shell-eyebrow){font-size:11px}.shell-seal{flex-basis:70px;height:70px}.shell-seal>span{font-size:23px}.shell-seal small{font-size:6px;margin-top:5px}.shell-layout{grid-template-columns:1fr;gap:24px}.shell-table{padding:14px;border-radius:16px}.shell-scoreboard{margin:17px 0}.shell-scoreboard strong{font-size:27px}.shell-scoreboard>div+div{padding-left:15px}.shell-board{aspect-ratio:1.42}.shell-board .shell-card{top:23%!important}.shell-cue{bottom:14px;font-size:11px}.shell-slots{bottom:14%}.shell-start-panel{padding:20px 15px}.shell-page .shell-start-panel h2{font-size:22px;margin-bottom:20px}.shell-mini-star{font-size:29px;margin-bottom:12px}.shell-page .shell-start-panel .shell-primary{max-width:235px;padding:12px 14px}.shell-round-actions{grid-template-columns:1fr 1fr;gap:8px}.shell-page .shell-round-actions button{font-size:11px;padding:12px 8px}.shell-ranking{padding:23px}.shell-rank-list{min-height:55px}.shell-target-note{padding:27px 10px 3px;gap:22px}.shell-target-note img{width:74px;height:111px}.shell-target-note h2 br{display:none}.shell-page .shell-target-note p{font-size:10px}.shell-how{grid-template-columns:1fr;gap:18px;padding-top:23px;margin-top:28px}.shell-page .shell-how p{font-size:11px}.shell-how strong{margin-bottom:0}.shell-page .shell-result{padding:34px 22px 23px}.shell-result-score strong{font-size:55px}}
@media(max-width:360px){.shell-seal{display:none}.shell-free{display:none}.shell-toolbar-options{gap:8px}.shell-toolbar label{font-size:9px}.shell-mode{font-size:10px}.shell-board{aspect-ratio:1.17}.shell-board .shell-card{top:26%!important}.shell-slots{bottom:20%}.shell-page .shell-start-panel h2{font-size:19px}.shell-table-label{font-size:7px;top:18px}.shell-card-name{font-size:8px;padding-bottom:5px}.shell-options{font-size:9px}.shell-options>span{margin-left:0}.shell-page .shell-result h2{font-size:22px}.shell-page .shell-fair-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.shell-page .shell-card-turn{transition:none}.shell-page .shell-wrap *,.shell-page .shell-result *{scroll-behavior:auto!important}}
/* The global CTA rules dim disabled buttons and clip 3-D children. Cards stay
   fully visible while previewing/shuffling; only their interaction is disabled. */
.shell-page .shell-board .shell-card{overflow:visible}
.shell-page .shell-board .shell-card:disabled{opacity:1!important}
.shell-page .shell-card-name{-webkit-text-fill-color:currentColor!important}
.shell-page #shell-nickname{font-family:inherit;font-size:13px;line-height:1.5}
.shell-page .shell-start-panel p{color:#d6ddc7}
.shell-page .shell-wrap .shell-abandon{display:block;margin:0 auto 14px;font-size:10px;min-height:36px}
/* Focus must scroll the page, never the felt itself. Hidden overflow creates a
   programmatic scroll container and can move the board off-screen on mobile. */
.shell-stage{overflow:clip}

html[lang="en"] .shell-card.is-selected::after{content:"Chosen"}