:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#343930;background:#f7f8f5;font-synthesis:none;line-height:1.7;--muted:#777e72;--line:#e6e9df;--accent:#f5ce55}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8c731b;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.5}h2{font-size:23px;line-height:1.5}h3{font-size:17px}section[id]{scroll-margin-top:90px}.site-header{height:72px;background:#fffdf4;border-bottom:1px solid #ecebdc;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:22px;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;background:var(--accent);border-radius:10px;width:35px;height:35px;font-size:29px}.brand-dot{color:#a28219;margin-left:-8px}.header-note{font-size:13px;letter-spacing:3px;color:var(--muted)}.header-play{font-size:13px;font-weight:650;background:#f8e59b;border-radius:20px;padding:7px 18px}.header-play span{margin-left:15px}.sidebar{position:fixed;top:72px;bottom:0;width:206px;border-right:1px solid var(--line);padding:30px 16px;background:#fbfcf8;display:flex;flex-direction:column}.nav-label{font-size:11px;letter-spacing:2px;color:#8d9287;padding:0 17px 16px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 16px;border-radius:10px;font-size:14px;color:#697061;display:flex;gap:15px;align-items:center}.sidebar nav a span{font-size:21px;width:20px;text-align:center}.sidebar nav a.selected{background:#f9edbf;color:#5c4c1b;font-weight:700}.sidebar nav a:hover{background:#f0f1e8}.sidebar-bottom{margin-top:auto;padding:28px 17px 8px}.little-arrows{font-size:30px;letter-spacing:9px;color:#b5bda5}.sidebar-bottom p{font-size:17px;line-height:1.9;margin:15px 0;color:#737c68}.sidebar-bottom small{font-size:11px;color:var(--muted)}.page-content{margin-left:206px;padding:24px 32px 0;max-width:1800px}.breadcrumb{display:flex;gap:12px;font-size:12px;color:#828879;margin-bottom:20px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.main-column{min-width:0}.player-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 18px #3035210b;border:1px solid #e5e8dd}.player-stage{background:#101327;container-type:inline-size}iframe{display:block;width:100%;height:650px;border:0}@container (max-width:600px){iframe{height:620px}}.player-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:12px}.game-label{display:flex;align-items:center;gap:12px}.game-icon{display:grid;place-items:center;background:#f8edbf;border-radius:9px;width:40px;height:40px;font-size:28px;color:#8a701d}.game-label strong{font-size:16px;display:block}.game-label small{display:block;color:#92978b;font-size:9px;letter-spacing:2px}.player-actions{display:flex;align-items:center;gap:8px}.player-actions button,.player-actions a{background:#f4f5ef;border:0;border-radius:8px;padding:7px 12px;font-size:15px}.player-actions button:first-child{background:#f6d66f;font-size:12px}.player-actions button:hover,.player-actions a:hover{filter:brightness(.96)}.action-status:empty{display:none}.action-status{padding:0 22px 12px;font-size:13px}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0;background:#eef1e8;border:1px solid #e5e9dd;border-radius:12px;padding:20px 0}.quick-facts div{text-align:center;border-right:1px solid #dce1d2}.quick-facts div:last-child{border:0}.quick-facts strong{display:block;font-size:18px}.quick-facts span{font-size:11px;color:var(--muted)}.content-card{padding:30px 32px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#8a7952;font-weight:650;margin-bottom:10px}.content-card h1,.content-card h2{margin-bottom:18px}.content-card p{font-size:14px;line-height:1.95;color:#707766;margin-top:12px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags span{font-size:11px;padding:4px 10px;background:#f6f4e9;color:#7c7356;border-radius:6px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}.steps li{display:flex;gap:18px;align-items:center}.steps li>span{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#faf0cc;color:#a08224;font-size:12px;font-weight:700}.steps p{margin:0}.tips{padding-left:20px;font-size:14px;color:#707766;line-height:2}.tips li{padding:5px 0}details{border-top:1px solid var(--line);padding:17px 0}details:last-child{padding-bottom:0}summary{cursor:pointer;font-size:14px;font-weight:600}details p{padding-right:20px}.game-info{padding:0 0 20px}.cover-art{border-radius:14px;background:#efefdc;padding:25px 20px 18px;text-align:center;margin-bottom:24px}.cover-art svg{display:block;width:100%;height:auto}.cover-art>span{font-size:11px;color:#8b917b;letter-spacing:1px}.game-info h2{font-size:23px}.subtitle{font-size:10px;letter-spacing:3px;color:#989e90;margin-top:4px}.game-info hr{border:0;border-top:1px solid var(--line);margin:25px 0}.game-info>p:not(.subtitle){font-size:13px;color:#7c8275;line-height:1.95;margin-top:12px}.guide-link{display:flex;justify-content:space-between;font-size:12px;margin-top:18px;color:#887025}.info-note{display:flex;align-items:flex-start;gap:13px;background:#edf0e6;border-radius:10px;padding:18px 15px;margin-top:30px}.info-note>span{color:#8c9876}.info-note p{font-size:12px}.info-note small{display:block;font-size:11px;color:#858c7a;margin-top:5px}.site-footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#909587;margin-top:24px}.site-footer .brand{font-size:16px;color:#656d5c}.skip-link{position:fixed;top:-100px;left:16px;z-index:30;background:#fff;padding:12px}.skip-link:focus{top:12px}@media(min-width:1700px){iframe{height:720px}}@media(max-width:1200px){.game-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.sidebar{width:180px}.page-content{margin-left:180px;padding:22px}.site-header{padding:0 22px}.brand{font-size:19px}}@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr)}.game-info{display:none}.sidebar{width:170px}.page-content{margin-left:170px}}@media(max-width:700px){.site-header{height:62px;padding:0 16px}.brand{font-size:18px}.brand-icon{width:30px;height:30px;font-size:24px}.header-note{display:none}.sidebar{position:static;width:100%;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.sidebar nav a{white-space:nowrap;padding:7px 11px;font-size:12px;gap:5px}.sidebar nav a span{font-size:16px}.page-content{margin:0;padding:15px 12px 0}.breadcrumb{font-size:10px;gap:8px;margin-bottom:13px}.player-toolbar{padding:12px}.game-label strong{font-size:14px}.game-icon{display:none}.player-actions button,.player-actions a{padding:6px 10px}.quick-facts{margin:16px 0;padding:15px 0}.quick-facts strong{font-size:15px}.quick-facts span{font-size:10px}.content-card{padding:23px 20px}h1{font-size:22px}h2{font-size:20px}.site-footer{flex-wrap:wrap}.site-footer>span{order:3;width:100%}.header-play{padding:5px 12px;font-size:11px}.header-play span{margin-left:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}:root{font-family:Nunito,Hiragino Maru Gothic ProN,Yuanti SC,PingFang SC,ui-rounded,system-ui,sans-serif;color:#78664f;background:#f7f3e7;--muted: #897b64;--line: #e7deca;--accent: #67b8a4;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(#cabc981f 1px,transparent 1px);background-size:12px 12px}h1,h2,h3{color:#78664f;font-weight:800;text-wrap:balance}.site-header{background:#f7f3e7ed;border-bottom:2px dashed #e6ddc7}.brand{color:#78664f;letter-spacing:-.5px}.brand-icon{width:38px;height:38px;background:none;box-shadow:none;border-radius:0}.brand-dot{color:#399e8e}.header-note{color:#94856c;letter-spacing:2px}.header-play{color:#fffef3;background:#399d8b;box-shadow:0 4px #287e70;padding:8px 20px}.sidebar{width:228px;background:#eee8d7;border-right:0;padding:25px 20px}.island-profile{text-align:center;margin:0 0 28px}.island-emblem{margin:0 auto 13px;width:94px;height:94px;padding:12px;color:#52ad90;background:#fcf8e7;border:5px solid #fffdf4;border-radius:44% 50% 45% 49%;box-shadow:0 5px #d9d1b9;rotate:-9deg}.island-profile strong{display:block;font-size:23px;letter-spacing:3px}.island-profile>span{display:block;font-size:8px;letter-spacing:2px;color:#8b9676;margin:4px 0 9px}.island-profile small{font-size:11px;color:#8c7e67}.nav-label{color:#9b8d73;font-size:10px}.sidebar nav{gap:10px}.sidebar nav a{padding:9px 11px;color:#7b705a;border-radius:20px;font-weight:600}.sidebar nav a span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:12px;background:#bad9ac;color:#4c8160;box-shadow:inset 0 2px #ffffff70,0 3px #a2bb91}.sidebar nav a:nth-child(2) span{background:#f3d98a;color:#937433;box-shadow:inset 0 2px #ffffff70,0 3px #d5ba72;rotate:-5deg}.sidebar nav a:nth-child(3) span{background:#a8d2ca;color:#4e867d;box-shadow:inset 0 2px #ffffff70,0 3px #8ab5ad}.sidebar nav a:nth-child(4) span{background:#d1bee1;color:#9076a7;box-shadow:inset 0 2px #ffffff70,0 3px #b7a1c9;rotate:5deg}.sidebar nav a:nth-child(5) span{background:#f0baab;color:#a46658;box-shadow:inset 0 2px #ffffff70,0 3px #d79f90}.sidebar nav a.selected{background:#fcf8eb;color:#398d7a;box-shadow:0 3px #e0d8c4}.sidebar nav a:hover{background:#f8f2e2}.sidebar-bottom{padding:20px 17px 0}.little-arrows{color:#c4ad61;font-size:42px}.sidebar-bottom p{color:#8c7d61;margin:4px 0 10px;font-size:16px}.page-content{margin-left:228px;padding:28px 36px 0}.island-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.island-welcome .eyebrow{color:#599d89;letter-spacing:2px;margin-bottom:5px}.island-welcome h2{font-size:clamp(23px,2.2vw,31px)}.island-welcome h2 span{color:#d8b653}.island-welcome p{font-size:13px;color:#94856d;margin-top:7px}.island-stamp{flex:none;text-align:center;border:2px dashed #adc1a2;border-radius:50%;padding:14px 17px;font-size:8px;letter-spacing:1px;color:#829676;rotate:12deg}.island-stamp b{font-size:17px}.breadcrumb{color:#988b73;font-size:11px}.player-card{border:7px solid #fffcf1;border-radius:30px;box-shadow:0 6px #e2dac4,0 12px 28px #8b775412}.player-stage{background:#e6eddb;border-radius:22px;overflow:hidden}.player-toolbar{background:#fffcf1;padding:16px}.game-icon{background:#d7e7c8;color:#669671;border-radius:15px}.game-label small{color:#9d8f73}.player-actions button,.player-actions a{border-radius:15px;min-height:40px;min-width:40px;background:#efe8d4;color:#877251;box-shadow:0 3px #dcd1b5}.player-actions button:first-child{background:#f1d780;color:#7e672e}.quick-facts{background:#ecebd9;border:2px dashed #d6d9bc;border-radius:23px}.quick-facts div{border-right:2px dotted #d6d5bc}.quick-facts strong{color:#739479;font-weight:800}.content-card{border:0;border-radius:27px;background:#fffcf3;padding:32px 35px;box-shadow:0 4px #e8e0cc;margin-bottom:25px}.content-card p,.tips{color:#87765e}.eyebrow{color:#659d88;font-weight:750}.tags span{background:#f2e9cb;color:#8d7950;border-radius:20px;padding:5px 12px}.steps li>span{background:#dce9cb;color:#6c9467;border-radius:14px;rotate:-5deg}.steps li:nth-child(2)>span{background:#f6df9f;color:#a68a3e;rotate:4deg}.steps li:nth-child(3)>span{background:#e8d8dd;color:#aa7f8a}details{border-top:2px dotted #e7deca}.cover-art{background:#e4e9cf;border:6px solid #fffcf1;border-radius:27px;box-shadow:0 5px #ddd8bd;rotate:2deg}.cover-art>span{color:#7b8b68}.game-info h2{margin-top:30px}.game-info>p:not(.subtitle){color:#8d7f66}.subtitle{color:#a08e70}.guide-link{color:#398b78}.info-note{background:#e8ebd6;border-radius:23px 23px 23px 5px;color:#7d8567}.info-note small{color:#7d8567}.site-footer{border-top:2px dashed #e3d8bf;color:#9b8a6e}.site-footer .brand{color:#8c7b5f}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#399d8b}.header-play,.player-actions button,.player-actions a,.sidebar nav a{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.header-play:active,.player-actions button:active,.player-actions a:active{transform:translateY(2px) scale(.96);box-shadow:0 1px #c6baa0}@media(max-height:820px)and (min-width:701px){.sidebar-bottom{display:none}.island-profile{margin-bottom:18px}}@media(min-width:1700px){iframe{height:630px}}@media(max-width:1200px){.sidebar{width:195px;padding:24px 12px}.page-content{margin-left:195px;padding:25px}}@media(max-width:700px){.sidebar{width:100%;padding:8px 10px 12px;background:#eee8d7}.island-profile{display:none}.sidebar nav a{padding:4px 9px;gap:7px;border-radius:15px}.sidebar nav a span{width:28px;height:28px;border-radius:10px}.page-content{margin:0;padding:23px 12px 0}.island-welcome{margin-bottom:18px}.island-welcome h2{font-size:23px}.island-welcome p{font-size:12px}.island-welcome .eyebrow{font-size:8px}.island-stamp{display:none}.player-card{border-width:5px;border-radius:25px}.player-toolbar{padding:12px 8px}.content-card{padding:25px 22px}.quick-facts strong{font-size:15px}}@media(prefers-reduced-motion:reduce){.header-play,.player-actions button,.player-actions a,.sidebar nav a{transition:none}}.lang-menu{position:relative;margin-left:auto;margin-right:14px}.lang-menu summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#efe8d4;box-shadow:0 3px #dcd1b5;font-size:20px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:hover{background:#ece2c8}.lang-menu summary:active{transform:translateY(2px) scale(.96);box-shadow:0 1px #c6baa0}.lang-menu[open] summary{background:#e6ddc5}.lang-list{position:absolute;right:0;top:50px;display:grid;gap:3px;min-width:132px;padding:7px;background:#fffdf3;border-radius:16px;box-shadow:0 5px #e0d8c4,0 14px 30px #5d775d1f;z-index:30}.lang-list a{padding:9px 13px;border-radius:11px;font-size:13px;white-space:nowrap}.lang-list a[aria-current=page]{background:#dce9ce;color:#397d69;font-weight:750}.lang-list a:hover{background:#ede6d1}.header-note{margin-left:auto;margin-right:24px}@media(max-width:1100px){.header-note{display:none}}@media(max-width:700px){.sidebar{display:none}.lang-menu{margin-right:10px}.lang-menu summary{width:38px;height:38px;font-size:18px}.island-welcome h2{font-size:22px}.player-toolbar{flex-wrap:wrap}.quick-facts{grid-template-columns:repeat(2,1fr);gap:14px 0}.quick-facts div:nth-child(2){border-right:0}section[id]{scroll-margin-top:125px}}.guide-page{max-width:920px;margin:0 auto;padding:32px 24px}.guide-page .breadcrumb{flex-wrap:wrap}.guide-article{padding:clamp(24px,5vw,52px)}.guide-article h1{font-size:clamp(26px,4vw,38px)}.guide-article .guide-intro{font-size:16px}.guide-article figure{margin:28px auto;max-width:480px}.guide-article figure img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 5px #dedac2}.guide-article figcaption{font-size:13px;color:#78664f;margin-top:15px;line-height:1.8}.guide-toc{display:grid;gap:10px;padding:22px;border-radius:22px;background:#e9eddb;margin:28px 0}.guide-toc a{color:#397e6c;text-decoration:underline;text-underline-offset:4px}.guide-article section{margin-top:32px}.guide-article section h2{font-size:23px;margin-bottom:8px}.guide-article section p{font-size:16px}.guide-next{margin-top:36px;display:flex;align-items:center;flex-wrap:wrap;gap:22px}.guide-next>a:last-child{color:#397e6c;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.guide-page{padding:24px 12px}.guide-article .guide-next .header-play{margin-left:0}}.sidebar nav .nav-icon-tile{width:38px;height:38px;border-radius:13px;rotate:0deg;transition:transform .18s ease}.nav-icon{display:block;width:24px;height:24px;flex:none}.sidebar nav a.selected .nav-icon-tile{background:#b9d9a7;color:#477654}@media(hover:hover){.sidebar nav a:hover .nav-icon-tile{transform:rotate(-6deg) translateY(-1px)}}@media(max-width:700px){.sidebar nav .nav-icon-tile{width:30px;height:30px;border-radius:10px}.nav-icon{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.sidebar nav .nav-icon-tile{transition:none}.sidebar nav a:hover .nav-icon-tile{transform:none}}html:lang(ko) .guide-article{word-break:keep-all;overflow-wrap:break-word}
