:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-elevated:#141414;--bg-soft:#1c1c1c;--border:#2e2e2e;--text:#f0f0f0;--muted:#9a9a9a;--accent:#d4d4d4;--accent-dim:#2a2a2a;--danger:#b0b0b0;--heart:#ef4444;--diamond:#f87171;--spade:#f5f5f5;--club:#e5e5e5;--radius:14px;--touch:48px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}html,body,#app{max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(ellipse at top, #161616 0%, var(--bg) 55%), var(--bg);width:100%;min-width:0;max-width:100vw}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}button:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled),.unitBtn:active:not(:disabled),.chip:active:not(:disabled),.pill:active:not(:disabled),.suitTab:active:not(:disabled),.stepChip:active:not(:disabled),.langBtn:active:not(:disabled),.choice:active:not(:disabled){transform:scale(.98)}h1,h2,h3,p{margin:0}.shell{justify-content:center;width:100%;max-width:100%;min-height:100dvh;padding:12px 12px 28px;display:flex;overflow-x:hidden}.app{flex-direction:column;gap:14px;width:100%;min-width:0;max-width:min(430px,100%);display:flex;overflow-x:hidden}.header{flex-direction:column;gap:4px;min-width:0;padding:8px 4px 0;display:flex}.brand{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.25rem;font-weight:700}.tagline{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.progressBlock{flex-direction:column;gap:8px;min-width:0;padding:0 2px;display:flex}.progressMeta{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.progressLabel{overflow-wrap:anywhere;flex:auto;min-width:0;font-size:.85rem;font-weight:700}.progressPct{color:var(--muted);flex:none;font-size:.75rem;font-weight:600}.progressTrack{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.progressFill{border-radius:inherit;background:linear-gradient(90deg,#6b6b6b,#d4d4d4);height:100%;transition:width .2s}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:100%;display:grid;overflow:hidden}.stepChip{min-width:0;min-height:var(--touch);background:var(--bg-soft);border:1px solid var(--border);color:var(--muted);white-space:normal;overflow-wrap:anywhere;text-align:center;border-radius:12px;padding:8px 6px;font-size:.75rem;font-weight:600;line-height:1.2}.stepChipActive{background:var(--accent-dim);border-color:var(--accent);color:#f5f5f5}.stepChipDone{color:var(--text);background:#181818;border-color:#3a3a3a}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;gap:14px;min-width:0;max-width:100%;padding:16px;display:flex;overflow-x:hidden}.panelTitle{overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.panelHint{color:var(--muted);overflow-wrap:anywhere;margin-top:-6px;font-size:.85rem}.softHint{color:var(--accent);overflow-wrap:anywhere;background:var(--accent-dim);border:1px solid #3a3a3a;border-radius:10px;margin:0;padding:8px 10px;font-size:.8rem;font-weight:600}.nav{z-index:2;grid-template-columns:1fr 1fr;gap:10px;min-width:0;display:grid;position:sticky;bottom:8px}.btn{min-height:var(--touch);border:1px solid var(--border);background:var(--bg-soft);white-space:normal;overflow-wrap:anywhere;border-radius:12px;min-width:0;padding:12px 10px;font-weight:700;line-height:1.2;transition:border-color .15s,background .15s,box-shadow .15s,transform 80ms}.btnPrimary{color:#111;background:linear-gradient(#e8e8e8,#c8c8c8);border-color:#a8a8a8}.btnGhost{background:0 0}.fieldGrid{gap:12px;min-width:0;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.label{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem;font-weight:600}.input,.select{min-height:var(--touch);border:1px solid var(--border);background:var(--bg);border-radius:12px;width:100%;max-width:100%;padding:10px 12px}.unitToggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.unitBtn{min-height:var(--touch);border:1px solid var(--border);background:var(--bg);overflow-wrap:anywhere;border-radius:12px;min-width:0;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,transform 80ms}.unitBtnActive{border-color:var(--accent);background:var(--accent-dim);color:#f5f5f5;box-shadow:inset 0 0 0 1px var(--accent)}.choiceGrid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.choice{min-height:var(--touch);border:1px solid var(--border);background:var(--bg);overflow-wrap:anywhere;border-radius:12px;min-width:0;padding:8px 6px;font-weight:700}.choiceActive{border-color:var(--accent);background:var(--accent-dim);color:#f5f5f5;box-shadow:inset 0 0 0 1px var(--accent)}.positionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%;display:grid}.positionBtn{border:1.5px solid var(--border);text-align:center;-webkit-tap-highlight-color:transparent;background:linear-gradient(#1a1a1a 0%,#101010 100%);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:76px;padding:14px 12px;transition:border-color .15s,background .15s,box-shadow .15s,transform 80ms;display:flex}.positionBtn:active:not(:disabled){transform:scale(.98)}.positionBtnCode{letter-spacing:.02em;color:var(--text);font-size:1.15rem;font-weight:800;line-height:1.1}.positionBtnHint{color:var(--muted);overflow-wrap:anywhere;max-width:100%;font-size:.72rem;font-weight:600;line-height:1.25}.positionBtnActive{border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 0 3px #d4d4d41f, 0 8px 20px #00000059;background:linear-gradient(#2e2e2e 0%,#1c1c1c 100%)}.positionBtnActive .positionBtnCode{color:#fafafa}.positionBtnActive .positionBtnHint{color:#d4d4d4}@media (width<=360px){.positionBtn{border-radius:16px;min-height:70px;padding:12px 8px}.positionBtnCode{font-size:1.05rem}.positionBtnHint{font-size:.68rem}}.selectedRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.muted{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.cardPicker{flex-direction:column;gap:10px;min-width:0;max-width:100%;display:flex}.pickerHint{color:var(--muted);font-size:.75rem;font-weight:600}.suitTabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.suitTab{min-width:0;min-height:var(--touch);border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;font-weight:700;display:flex}.suitTabSymbol{font-size:1.25rem;line-height:1}.suitTabName{color:var(--muted);overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:.65rem;font-weight:600;line-height:1.15}.suitTabActive{border-color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--accent)}.suitTabActive .suitTabName{color:#f5f5f5}.rankPad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.rankBtn{border:1px solid var(--border);background:#0c0c0c;border-radius:12px;min-width:0;min-height:56px;padding:10px 4px;font-size:1.2rem;font-weight:800;transition:outline-color .15s,box-shadow .15s,transform 80ms}.rankBtn:active:not(:disabled){transform:scale(.97)}.rankBtnDisabled{opacity:.28}.playingCard{border:1px solid var(--border);background:#0c0c0c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:44px;min-height:52px;padding:6px 2px;font-size:.95rem;font-weight:800;line-height:1.1;transition:outline-color .15s,box-shadow .15s,transform 80ms;display:flex}.playingCard:active:not(:disabled){transform:scale(.97)}.playingCardLarge{border-radius:12px;min-width:64px;min-height:84px;font-size:1.25rem}.playingCardEmpty{color:var(--muted);border-style:dashed}.playingCardSelected{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #d4d4d42e,0 0 18px #d4d4d447}.playingCardDisabled{opacity:.28}.suitS{color:var(--spade)}.suitH{color:var(--heart)}.suitD{color:var(--diamond)}.suitC{color:var(--club)}.suitTab .suitTabSymbol{filter:drop-shadow(0 0 .5px);font-weight:800}.suitTab.suitH .suitTabName,.suitTab.suitD .suitTabName{color:color-mix(in srgb, var(--heart) 72%, var(--muted))}.suitTab.suitS .suitTabName,.suitTab.suitC .suitTabName{color:color-mix(in srgb, var(--spade) 55%, var(--muted))}.suitTabActive.suitH .suitTabName,.suitTabActive.suitD .suitTabName{color:#fecaca}.suitTabActive.suitS .suitTabName,.suitTabActive.suitC .suitTabName{color:#f5f5f5}.playingCardSelected.suitH,.playingCardSelected.suitD{outline-color:color-mix(in srgb, var(--heart) 70%, var(--accent));box-shadow:0 0 0 4px #ef444433,0 0 18px #ef444447}.playingCardSelected.suitS,.playingCardSelected.suitC{outline-color:var(--accent);box-shadow:0 0 0 4px #f5f5f52e,0 0 18px #f5f5f540}.rankBtn.suitH,.rankBtn.suitD{border-color:color-mix(in srgb, var(--heart) 45%, var(--border))}.rankBtn.suitS,.rankBtn.suitC{border-color:color-mix(in srgb, var(--spade) 28%, var(--border))}.boardGroups{flex-direction:column;gap:12px;display:flex}.boardGroup{flex-direction:column;gap:6px;display:flex}.boardGroupLabel{color:var(--muted);letter-spacing:.03em;overflow-wrap:anywhere;font-size:.75rem;font-weight:700}.slotRow{flex-wrap:wrap;gap:8px;display:flex}.actionList{flex-direction:column;gap:8px;min-width:0;display:flex}.actionItem{min-height:var(--touch);background:var(--bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px;font-size:.9rem;display:flex}.actionItem>div{overflow-wrap:anywhere;min-width:0}.actionMeta{color:var(--muted);font-size:.75rem}.removeBtn{color:var(--danger);border-radius:10px;flex:none;min-height:44px;padding:10px 12px;font-size:.85rem;font-weight:700}.formRow{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.fullWidth{grid-column:1/-1}.actorChips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--muted);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:8px 12px;font-size:.8rem;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,transform 80ms}.chipActive{background:var(--accent-dim);border-color:var(--accent);color:#f5f5f5;box-shadow:inset 0 0 0 1px var(--accent)}.shareCard{background:linear-gradient(165deg,#1c1c1c 0%,#0e0e0e 100%);border:1px solid #3a3a3a;border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:14px 14px 12px;display:flex;box-shadow:0 10px 28px #00000059}.shareCardTop{border-bottom:1px solid #2a2a2a;flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.shareCardBrand{letter-spacing:.08em;text-transform:uppercase;color:#bdbdbd;font-size:.72rem;font-weight:800}.shareMetaLine{overflow-wrap:anywhere;font-size:.92rem;font-weight:650}.shareMetaHero{overflow-wrap:anywhere;font-size:1.05rem;font-weight:750}.shareSection{flex-direction:column;gap:6px;min-width:0;display:flex}.shareLabel{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.shareCards{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.shareSectionPro{gap:4px}.sharePro{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#d6d6d6;background:#050505;border:1px solid #2a2a2a;border-radius:10px;max-width:100%;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.4}.shareFooter{color:#8a8a8a;text-align:center;border-top:1px solid #2a2a2a;margin-top:2px;padding-top:8px;font-size:.72rem}.screenshotHint{text-align:center;color:#e8e8e8;overflow-wrap:anywhere;margin:0;font-size:.92rem;font-weight:750}.summaryHintOut{text-align:center;margin:0}.panelSummary{gap:10px}.summaryToolbar{flex-direction:column;gap:10px;min-width:0;display:flex}.summaryToolbarTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.summaryActions{flex-direction:column;gap:2px;display:flex}.summaryStreet{color:var(--accent);margin-top:4px;font-size:.72rem;font-weight:700}.summaryActionLine{overflow-wrap:anywhere;padding-left:2px;font-size:.88rem;line-height:1.35}.shellSummary .header,.shellSummary .progressBlock,.shellSummary .steps,.shellSummary .nav,.shellSummary .footer,.shellSummary .softHint,.shellSummary .adTop,.shellSummary .adBottom{display:none!important}.shellSummary .app{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));gap:10px}.pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#c8c8c8;background:#050505;border:1px solid #2a2a2a;border-radius:12px;max-width:100%;max-height:280px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow:auto}.toast{text-align:center;color:var(--accent);overflow-wrap:anywhere;font-size:.85rem;font-weight:700}.streetTabs{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--muted);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:8px 14px;font-size:.8rem;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,transform 80ms}.pillActive{background:var(--accent-dim);border-color:var(--accent);color:#f5f5f5;box-shadow:inset 0 0 0 1px var(--accent)}.adPlaceholder{text-align:center;color:var(--muted);overflow-wrap:anywhere;background:#1414148c;border:1px dashed #4a4a4a;border-radius:12px;flex-direction:column;gap:4px;max-width:100%;padding:14px 12px;font-size:.85rem;font-weight:700;display:flex}.adPlaceholder small{opacity:.85;font-size:.75rem;font-weight:500}.adWrap{max-width:100%;min-height:60px;overflow:hidden}.adTop,.adBottom{visibility:hidden;pointer-events:none;max-width:100%;min-height:60px;overflow:hidden}.footer{flex-wrap:wrap;justify-content:center;padding:4px 0 8px;display:flex}.linkBtn{color:var(--muted);overflow-wrap:anywhere;min-height:44px;padding:8px 12px;font-size:.8rem;text-decoration:underline}.policyBody{color:#c8c8c8;overflow-wrap:anywhere;flex-direction:column;gap:10px;font-size:.9rem;display:flex}.policyBody h3{color:var(--text);margin-top:4px;font-size:.95rem}@media (width<=360px){.rankBtn{min-height:52px;font-size:1.05rem}.suitTabName{font-size:.6rem}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.headerTop{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.langSwitch{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:4px;display:flex}.langBtn{border:1px solid var(--border);background:var(--bg-soft);min-height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700}.langBtnActive{border-color:var(--accent);background:var(--accent-dim);color:#f5f5f5;box-shadow:inset 0 0 0 1px var(--accent)}.shareRow{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.shareRow .btn{width:100%}.shareRow .btnGhost,.shareRow .copyModeRow{grid-column:1/-1}.shareRowStack{grid-template-columns:1fr}.copyModeRow{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.btnCompact{min-height:44px;padding:10px 8px;font-size:.85rem}.shareEmpty{letter-spacing:.04em;opacity:.85;font-size:1rem;font-weight:600}.proInline{color:#b0b0b0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.prePro{color:#e0e0e0;border-color:#3a3a3a;max-height:200px}@media (width<=360px){.shareRow{grid-template-columns:1fr}.langBtn{padding:6px 8px;font-size:.68rem}}@media (width<=420px){.panelSummary .playingCardLarge,.shareCards .cardLarge{transform:none}.shareCard{gap:8px;padding:12px}.sharePro{padding:7px 8px;font-size:.68rem}}