:root{--bg:teal;--surface:silver;--surface-soft:silver;--line:gray;--text:#000;--muted:#303030;--primary:navy;--primary-soft:silver;--green:#006000;--green-soft:silver;--red:#a00000;--red-soft:#fff;--board-light:#e8e8d0;--board-dark:#6e8a5a;--shadow:none;--raised:inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px gray, inset 2px 2px #dfdfdf;--sunken:inset -1px -1px #fff, inset 1px 1px gray, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;--warn-bg:#fff;--warn-text:#000}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin:0}h1{letter-spacing:-.03em;margin:8px 0 12px;font-size:28px}h2{margin-bottom:8px;font-size:17px}a{color:var(--primary)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;height:60px;padding:0 24px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.page{max-width:1200px;margin:0 auto;padding:28px 24px 56px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.panel{flex-direction:column;gap:12px;padding:20px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.lead{color:var(--muted);max-width:720px;margin-bottom:20px}.text-link{color:var(--muted);font-size:14px;text-decoration:none}.text-link:hover{color:var(--primary)}.primary-btn{color:#fff;background:var(--primary);border:0;border-radius:11px;height:50px;font-size:16px;font-weight:800}.ghost-btn{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--text);border-radius:9px;padding:0 14px;font-weight:600}.ghost-btn[aria-pressed=true]{border-color:var(--green);color:var(--green);background:var(--green-soft)}.ghost-btn.danger{color:var(--red);border-color:#f3c7c7}.link-btn{color:var(--primary);background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:600}.icon-btn{background:var(--surface-soft);width:32px;height:32px;color:var(--muted);border:0;border-radius:8px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-title{color:var(--muted);margin:28px 0 10px;font-size:15px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.theme-card{color:var(--text);box-shadow:none;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.theme-card:hover{border-color:var(--primary)}.theme-card span{color:var(--muted);font-size:13px}.theme-card small{color:var(--muted);margin-top:auto;padding-top:4px;font-size:12px}.credit{margin-top:32px}.puzzle-layout{grid-template:"board info""board panel"1fr/minmax(0,1fr) 380px;align-items:start;gap:12px 18px;display:grid}.puzzle-info{grid-area:info;gap:6px}.board-column{grid-area:board}.side-panel{grid-area:panel}.board{width:100%;max-width:640px;margin:0 auto}.board.pen-on{outline-offset:2px;border-radius:2px;outline:3px solid #15781b80}.board-tools{flex-wrap:wrap;align-items:center;gap:8px;max-width:640px;margin:12px auto 0;display:flex}.puzzle-head{justify-content:space-between;align-items:center;display:flex}.turn-title{align-items:center;gap:8px;margin:0;font-size:24px;display:flex}.side-dot{border:2px solid var(--text);border-radius:50%;width:18px;height:18px}.side-dot.white{background:#fff}.side-dot.black{background:var(--text)}.slots{flex-direction:column;gap:8px;display:flex}.slot-row{grid-template-columns:36px 1fr 1fr;align-items:end;gap:8px;display:grid}.move-no{color:var(--muted);padding-bottom:11px;font-size:14px}.slot-empty{color:var(--muted);text-align:center;padding-bottom:11px}.slot{flex-direction:column;gap:2px;display:flex}.slot-caption{color:var(--muted);font-size:11px;font-weight:700}.slot input{border:1px solid var(--line);background:var(--surface);width:100%;height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px;font-size:17px;font-weight:700}.slot input:focus{outline:2px solid var(--primary);outline-offset:-1px}.slot.bad input{border-color:var(--red);background:var(--red-soft)}.slot input:disabled{color:var(--text);opacity:.75;cursor:default}.message{border-radius:10px;padding:10px 12px;font-size:15px}.message.info{background:var(--primary-soft);color:var(--primary)}.message.error{background:var(--warn-bg);color:var(--warn-text)}.message.success{background:var(--green-soft);color:var(--green);font-size:20px;font-weight:800}.message.fail{background:var(--red-soft);color:var(--red);font-size:18px;font-weight:800}.help-box{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.hint-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14px;display:flex}.confirm{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:inline-flex}.modal-backdrop{z-index:10;background:#0f141e73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:12px;width:min(520px,100%);max-height:calc(100vh - 32px);padding:20px;display:flex;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0}.guide-list{flex-direction:column;gap:8px;margin:0;display:flex}.guide-list div{grid-template-columns:130px 1fr;gap:10px;font-size:14px;display:grid}.guide-list dt{font-weight:700}.guide-list dd{color:var(--muted);margin:0}@media (width<=560px){.topbar{padding:0 16px}.page{padding:16px 12px 40px}.board-card{padding:8px}.guide-list div{grid-template-columns:1fr;gap:0}}.continue-btn{align-items:center;margin-bottom:20px;padding:0 22px;text-decoration:none;display:inline-flex}.puzzle-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.puzzle-tile{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;flex-direction:column;gap:1px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.puzzle-tile:hover{border-color:var(--primary)}.puzzle-tile strong{font-size:18px}.puzzle-tile span{color:var(--muted);font-size:12px}.puzzle-tile.solved{background:var(--green-soft);border-color:#b7e4cc}.puzzle-tile em{color:var(--green);font-style:normal;font-weight:800;position:absolute;top:8px;right:10px}body{font-family:Gulim,굴림,Galmuri11,Apple SD Gothic Neo,sans-serif;font-size:13px}.topbar{background:linear-gradient(90deg,navy,#1084d0);border:0;height:28px;padding:0 8px}.brand{color:#fff;font-size:13px;font-weight:700}h1{font-size:20px;font-weight:700}.home>h1,.theme-page>h1,.home>.lead,.theme-page>.lead,.home>.credit,.group-title,.home a,.theme-page>.text-link{color:#fff}.card{box-shadow:var(--raised);background:var(--surface);border:0;border-radius:0}.theme-card,.home .theme-card{color:var(--text);padding:10px 12px}.theme-card span,.theme-card small{color:var(--muted)}.theme-card:active{box-shadow:var(--sunken)}.primary-btn,.ghost-btn,.icon-btn{background:var(--surface);color:var(--text);box-shadow:var(--raised);border:0;border-radius:0;height:32px;font-weight:400}.primary-btn{outline-offset:-1px;outline:1px solid #000;height:40px;font-weight:700}.primary-btn:active,.ghost-btn:active,.ghost-btn[aria-pressed=true]{box-shadow:var(--sunken);color:var(--text);background:#d4d4d4}.link-btn{color:var(--primary);font-weight:400;text-decoration:underline}.slot input{box-shadow:var(--sunken);background:#fff;border:0;border-radius:0;height:36px;font-family:inherit;font-size:16px}.slot.theirs input{background:#f0f0f0}.slot input:focus{outline-offset:-5px;outline:1px dotted #000}.slot.bad input{background:#ffe0e0}.slot.mine .slot-caption{color:var(--primary)}.message{box-shadow:var(--sunken);color:var(--text);background:#fff;border-radius:0}.message.success{color:var(--green)}.message.fail{color:var(--red)}.help-box{border-top:1px solid var(--line);box-shadow:inset 0 1px #fff}.board-card{padding:6px}.board{box-shadow:var(--sunken);padding:3px}.puzzle-tile{background:var(--surface);box-shadow:var(--raised);border:0;border-radius:0}.puzzle-tile.solved{background:#d4ecd4}.puzzle-tile em{color:var(--green)}.modal{border-radius:0}.modal-head{color:#fff;background:linear-gradient(90deg,navy,#1084d0);margin:-20px -20px 0;padding:3px 4px 3px 8px}.modal-head h2{font-size:13px}.modal-head .icon-btn{width:20px;height:18px;padding:0;font-size:11px}button,input,.board{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.board{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.turn-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.move-strip{flex-wrap:wrap;gap:4px;display:flex}.chip{min-width:44px;height:46px;color:var(--text);box-shadow:var(--sunken);text-align:left;background:#fff;border:0;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;padding:2px 4px;display:flex;overflow:hidden}.chip.theirs{background:#f0f0f0}.chip small{color:var(--muted);white-space:nowrap;font-size:10px;line-height:1.2}.chip.mine small{color:var(--primary)}.chip span{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.3}.chip.active{outline:2px solid var(--primary);outline-offset:-2px;background:#ffffe0}.chip.bad{background:#ffe0e0}.chip:disabled{opacity:1;cursor:default}.keypad{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.key{background:var(--surface);height:38px;color:var(--text);box-shadow:var(--raised);font:inherit;border:0;border-radius:0;padding:0;font-size:16px}.key:active{box-shadow:var(--sunken);background:#d4d4d4}.key.piece{font-weight:700}.key.wide{grid-column:span 2;font-size:14px}.key.strong{outline-offset:-1px;outline:1px solid #000;font-weight:700}@media (width<=900px){.page{padding:6px 6px 40px}.puzzle-layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"info""board""panel";gap:6px}.puzzle-info{gap:2px;padding:8px 10px}.puzzle-info .ghost-btn{height:28px;padding:0 10px}.turn-title{font-size:17px}.instruction{font-size:12px;line-height:1.4}.board-card{padding:4px}.board{max-width:max(220px, min(100%, calc(100dvh - 350px - var(--strip-rows,1) * 50px)))}.side-panel{gap:8px;padding:8px}.slot-caption{display:none}.app:has(.puzzle-layout) .menubar{display:none}}.subtitle{margin:-6px 0 10px;font-weight:700}.home>.subtitle{color:#fff}.menubar{background:var(--surface);border-bottom:1px solid var(--line);gap:2px;padding:2px 4px;display:flex;box-shadow:inset 0 1px #fff}.menubar a{color:var(--text);padding:2px 10px;font-size:13px;text-decoration:none}.menubar a:hover{background:var(--primary);color:#fff}.menubar a.active{box-shadow:var(--sunken)}.why-box{max-width:760px;margin:4px 0 8px}.why-box h2{margin:0}.why-box ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.step-title{color:#fff;margin:28px 0 2px;font-size:18px}.step-desc{color:#fff;margin-bottom:10px;font-size:13px}.home .group-title{margin:14px 0 8px;font-size:14px}.text-page{max-width:760px;margin:0 auto;line-height:1.7}.text-page h2{margin:16px 0 0;font-size:17px}.text-page ol,.text-page ul{margin:0;padding-left:22px}.text-page .continue-btn{align-self:flex-start;margin:12px 0 0}.callout{box-shadow:var(--sunken);background:#fff;padding:10px 12px}.steps li{margin-bottom:6px}.howto{flex-direction:column;gap:14px;display:flex}.howto h3{margin:0 0 6px;font-size:15px}.howto ol{flex-direction:column;gap:3px;margin:0;padding-left:20px;font-size:14px;display:flex}.pen-tip{color:var(--primary);font-size:12px;font-weight:700}.report-btn{color:var(--muted);align-self:flex-end;font-size:12px;font-weight:400}