@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;800&display=swap');
:root{color-scheme:dark;--gold:#dbb878;--ink:#0a1924;--muted:#a4b2b7}*{box-sizing:border-box}body{margin:0;background:#08131d;color:#eee8db;font-family:system-ui,sans-serif;min-height:100dvh}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 10%,#284e6044,transparent 45%),radial-gradient(ellipse at 5% 90%,#ac682623,transparent 55%)}header{height:88px;padding:20px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ceb17d28;background:#08131dc9}.brand{color:var(--gold);display:flex;gap:12px;align-items:center;text-decoration:none;font-size:30px}.brand span{font-family:Georgia,serif;font-size:21px;letter-spacing:3px}.brand small{display:block;font-family:system-ui;font-size:9px;letter-spacing:2px;margin-top:4px}#status{font-size:12px;color:var(--muted)}main{max-width:1400px;margin:auto;padding:38px 5vw}h1,h2,h3{font-family:'Noto Serif KR',Georgia,serif}h1{font-size:clamp(42px,6vw,82px);line-height:1.2;margin:16px 0;color:#edcf91}h2{font-size:27px;margin:8px 0 24px}p{line-height:1.7;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;min-height:70vh}.hero-art{width:100%;border-radius:18px;border:1px solid #b99b6750;box-shadow:0 25px 80px #0009}.panel{background:linear-gradient(145deg,#132632e8,#0a1821);border:1px solid #bb9a5e40;border-radius:15px;padding:28px;box-shadow:0 16px 50px #0003}.paper{background:linear-gradient(125deg,#e7d4ab,#c4a571);color:#302718;border:2px solid #806137}.paper p{color:#53432f}.paper h2{color:#302718}label{display:block;margin:16px 0;font-size:14px}input,select{font:inherit;border:1px solid #7f8b8d55;border-radius:7px;padding:13px;background:#081722;color:#f4e8d3;width:100%;margin-top:8px}button{font:inherit;min-height:46px;border:1px solid #ab8954;border-radius:7px;padding:11px 20px;background:linear-gradient(#194760,#0b2e42);color:#f5e4c4;cursor:pointer;transition:.18s}button:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px)}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:linear-gradient(#b68c4e,#755024);color:#fff5df}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.actions>*{flex:1}.hint{font-size:12px;line-height:1.7;color:var(--muted)}.roomhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.code{font-size:29px;color:var(--gold);letter-spacing:5px;font-family:monospace}.columns{display:grid;grid-template-columns:1fr 340px;gap:24px}.crew{display:grid;gap:10px}.player{display:flex;gap:14px;align-items:center;padding:13px;border:1px solid #a98d5e30;border-radius:8px;background:#05121a77}.player.active{border-color:var(--gold);background:#bd934a22}.avatar{height:42px;width:42px;display:grid;place-items:center;border-radius:50%;background:#75512b;border:1px solid #e6c885;color:#fff1ce;font-size:23px}.player strong{flex:1}.player small{display:block;color:#b5b9b7;margin-top:5px;font-weight:400}.score{font-size:22px;color:var(--gold)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:20px}.toggle input{width:22px;height:22px;margin:0;accent-color:#b08c51}.table{min-height:350px;border:2px solid #98734566;border-radius:42%;padding:40px 20px;background:repeating-linear-gradient(2deg,#38291f 0,#38291f 37px,#281e18 39px,#453125 42px);box-shadow:inset 0 0 80px #000b,0 12px 25px #0005;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0}.table-label{font-family:Georgia,serif;letter-spacing:4px;color:#e3c89b77;font-size:13px}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.card{width:86px;height:125px;border:3px solid #d8c39a;border-radius:8px;background:linear-gradient(145deg,#315f7e,#17364e);color:#fff4d3;position:relative;box-shadow:0 5px 13px #0008;padding:8px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;font-family:Georgia,serif}.card .symbol{font-size:32px;text-align:center}.card .name{font-family:system-ui;font-size:10px;text-align:center}.card.yellow{background:linear-gradient(145deg,#b78639,#655024)}.card.purple{background:linear-gradient(145deg,#80404d,#421d32)}.card.black{background:linear-gradient(145deg,#263b3e,#111a20)}.card.special{background:linear-gradient(145deg,#805a37,#231c23)}.card:disabled{opacity:.4}.played{text-align:center;font-size:11px}.bidgrid{display:flex;gap:8px;flex-wrap:wrap}.bidgrid button{min-width:48px}.bidgrid button.selected{background:#c19652;color:#141b23}.chatlog{height:220px;overflow:auto;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.chatlog div{padding:7px 0;border-bottom:1px solid #ffffff09}.chatlog b{color:var(--gold)}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{margin:0;min-width:0}.chat-form button{padding:9px 13px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:13px 6px;text-align:left;border-bottom:1px solid #80613755}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);max-width:90vw;background:#ead8b4;color:#30291d;border-radius:8px;padding:14px 22px;display:none;z-index:9}footer{text-align:center;color:#6b7d86;font-size:11px;padding:22px}.notice{border-left:2px solid var(--gold);padding:10px 15px;background:#ba94551a;font-size:12px;line-height:1.7;margin-bottom:22px}.room-controls{display:flex;gap:8px}.online{color:#70c8a4}.offline{color:#a19083}@media(max-width:800px){header{padding:15px 20px;height:73px}.brand span{font-size:16px}main{padding:24px 16px}.hero{grid-template-columns:1fr;gap:24px}.hero-art{max-height:340px;object-fit:cover;object-position:top}.hero h1{font-size:48px}.columns{grid-template-columns:1fr}.panel{padding:20px}.table{min-height:260px;border-radius:40px;padding:20px 8px}.card{width:67px;height:102px;padding:5px}.card .symbol{font-size:26px}.cards{gap:6px}.roomhead{gap:10px;align-items:flex-start}.room-controls{flex-direction:column}.code{font-size:24px}.player{padding:10px}.chatlog{height:160px}}
.hero{gap:40px;min-height:0}.hero-reference{position:relative;max-width:390px;justify-self:center}.hero-reference span{display:block;text-align:center;font-size:11px;color:#a7a396;margin:12px}.hero-art{max-height:650px;object-fit:cover;object-position:top}.online-panel{margin-top:18px}.online-panel h3{margin:12px 0}.online-panel .actions{align-items:center}.online-panel input{margin:0;min-width:120px}.text-button{background:transparent;border:0;color:#d4b481;padding:12px 0;text-align:left;min-height:44px}.quiet{background:transparent;border-color:#6b6d6544}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.game-heading h2{margin:8px 0}.room-code{font:14px system-ui;color:#bba77e;margin-left:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.play-area{min-width:0}.sidebar{display:flex;flex-direction:column;gap:16px}.sidebar .panel{padding:20px}.crew-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.crew-seat{border:1px solid #b6976033;padding:13px 9px;border-radius:10px;background:#11232b;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}.crew-seat.active{border-color:#d9ba7c;background:#2a3430}.crew-seat b{font-size:13px;overflow-wrap:anywhere}.crew-seat span:not(.seat-avatar),.crew-seat small{font-size:11px;color:#bdc4bf}.seat-avatar{color:#e5bf78;font-size:24px}.table{min-height:290px;border-radius:90px;margin:18px 0;padding:25px 15px}.table h3{font-size:19px;text-align:center}.empty-table{font-size:80px;color:#b2975a55}.cards.on-table{margin:5px 0 15px}.played{display:flex;flex-direction:column;align-items:center;gap:10px}.played>span{color:#d2c4a9;font-size:12px}.last-result{text-align:center;font-size:12px;color:#dcc99e}.card{flex-shrink:0;min-height:0;font-family:Georgia,serif;padding:8px;width:82px;height:119px;transition:transform .15s,border-color .15s}.card.green{background:linear-gradient(145deg,#3c786d,#173e39)}.card.pirate,.card.king,.card.tigress{background:linear-gradient(145deg,#8d694a,#2c2428)}.card.mermaid{background:linear-gradient(145deg,#376f91,#192c4d)}.card.escape,.card.loot{background:linear-gradient(145deg,#c1ad81,#766344)}.card.whale{background:linear-gradient(145deg,#81a5ab,#244659)}.card.kraken{background:linear-gradient(145deg,#803f44,#2b1e32)}.card.selected{border-color:#fff0b0;transform:translateY(-8px);box-shadow:0 0 0 2px #bb995c,0 6px 15px #0007}.card .card-top{font-size:15px;font-weight:700}.hand-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.hand-title h3{font-size:18px;margin:18px 0}.hand-title small,.hand-title>span{color:#a8b2af;font-size:11px;font-family:system-ui}.hand{justify-content:flex-start;gap:9px;padding:8px 0;flex-wrap:wrap}.submit-bar{display:flex;gap:12px;align-items:center;background:#152b36;border:1px solid #bca06b66;border-radius:10px;padding:12px;margin-bottom:16px}.submit-bar>span{flex:1;font-size:13px}.submit-bar select{width:auto;margin:0}.submit-bar button{white-space:nowrap}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 24px}.lobby-settings{margin-top:20px}.lobby-settings select{width:100%}.panel summary{cursor:pointer;font-size:14px;color:#ddc491;min-height:30px;padding:5px 0}.paper h3{color:#302718}.ruling,.trick-log{margin-top:14px;padding:16px 20px}.ruling p{font-size:13px}.log-row{padding:12px 0;border-top:1px solid #bca06b33}.log-row b{font-size:13px;color:#d9bf86}.log-row p{font-size:12px;margin:5px 0;line-height:1.7}.score-table{overflow-x:auto}.results table{font-size:12px}.results td,.results th{white-space:nowrap}.results .score-note{font-size:11px;color:#57452d}.bid-wait{padding:16px;background:#c0a16b16;border-radius:9px;color:#d9c18e;margin-bottom:15px}.ai-panel button:not(.text-button){width:100%}.rule-answer p{color:#c3c5ba}.chatlog{height:170px}.chatlog b{font-size:12px}.chat-form input{font-size:16px}.chat-form button{min-width:48px}textarea{width:100%;background:#081722;border:1px solid #7f8b8d55;border-radius:8px;padding:12px;color:#e9deca;font:12px monospace;resize:vertical}.brand{cursor:default}#toast{max-width:90vw}.score-table+*{margin-top:12px}footer{font-size:11px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #eed29a;outline-offset:3px}@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr) 245px}.sidebar .panel{padding:15px}.crew-strip{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}.hero{gap:28px}}@media(max-width:800px){main{padding:20px 14px}.hero-reference{max-width:270px}.hero-art{max-height:330px}.hero>div:first-child{order:1}.hero-reference{order:0;max-height:180px;overflow:hidden;width:100%;max-width:100%;border-radius:12px}.hero-reference img{height:350px;object-fit:cover;width:100%;object-position:50% 20%}.hero h1{font-size:37px}.hero>div>p{font-size:13px}.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr}.crew-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.crew-seat{padding:9px 4px}.crew-seat b{font-size:11px}.crew-seat span:not(.seat-avatar),.crew-seat small{font-size:10px}.seat-avatar{font-size:21px}.table{min-height:230px;border-radius:35px;padding:20px 8px}.table h3{font-size:16px;margin:12px 0}.card{width:64px;height:97px;padding:6px}.card .symbol{font-size:27px}.card .card-top{font-size:12px}.card .name{font-size:10px}.cards{gap:7px}.hand{gap:9px;justify-content:center}.hand .card{width:calc((100vw - 76px)/5);max-width:82px;min-width:54px;height:100px}.game-heading h2{font-size:22px}.game-heading .room-code{display:block;margin:6px 0 0;font-size:12px}.game-heading .eyebrow{font-size:10px}.game-heading{margin-bottom:14px}.submit-bar{gap:8px;padding:9px;flex-wrap:wrap}.submit-bar>span{min-width:100px}.submit-bar select{padding:10px;max-width:130px}.submit-bar button{flex:1}.sidebar .ai-panel{order:0}.sidebar .panel{padding:17px}.hero .panel{padding:20px}.hero .actions{gap:8px}.hero .actions>button{font-size:13px;padding:11px}.on-table .card{width:59px;height:90px}.on-table{gap:6px}.played>span{font-size:10px}.settings-grid{grid-template-columns:1fr 1fr}.results{padding:17px 12px}.bidgrid{gap:7px}.bidgrid button{padding:10px;min-width:42px}.ruling,.trick-log{padding:14px}.hand-title>span{max-width:155px;text-align:right}.sidebar .chatlog{height:120px}}@media(max-width:370px){.crew-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hand .card{min-width:48px;height:92px}.on-table .card{width:54px;height:84px}.on-table .card .card-top{font-size:11px}.table-label{font-size:11px;letter-spacing:2px}}

.chat-form button{flex-shrink:0;white-space:nowrap}header #status{max-width:45%;text-align:right}