/* 원딜룸 WonRoom — 딜링룸 다크 테마 (라이트/다크 무관 항상 다크 강제) */
.wr-root{
  --wr-bg:#0a0e14; --wr-panel:#111722; --wr-line:#1e2733;
  --wr-text:#d8e0ea; --wr-dim:#7d8aa0; --wr-acc:#22c55e; --wr-red:#ef4444;
  --wr-amber:#f2b234; --wr-blue:#3b82f6;
  max-width:1080px; margin:0 auto; padding:18px 14px 60px;
  background:var(--wr-bg); color:var(--wr-text);
  font-family:"Pretendard",-apple-system,system-ui,sans-serif;
  border-radius:14px;
}
.wr-root *{box-sizing:border-box;}

/* 헤더 */
.wr-head{position:relative; padding:6px 4px 16px; border-bottom:1px solid var(--wr-line);}
.wr-head-title{display:flex; align-items:center; gap:10px;}
.wr-head h1{font-size:1.5rem; margin:0; letter-spacing:-.5px;}
.wr-head .wr-en{color:var(--wr-acc); font-weight:700;}
.wr-dot{width:10px; height:10px; border-radius:50%; background:var(--wr-acc);
  box-shadow:0 0 0 0 rgba(34,197,94,.6); animation:wrPulse 2s infinite;}
@keyframes wrPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5);}70%{box-shadow:0 0 0 9px rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
.wr-sub{margin:8px 0 0; color:var(--wr-dim); font-size:.86rem;}
.wr-clock{position:absolute; top:6px; right:4px; display:flex; align-items:center; gap:8px;
  font-family:"Share Tech Mono",ui-monospace,monospace; color:var(--wr-amber); font-size:.95rem;}
.wr-refresh{background:var(--wr-panel); color:var(--wr-text); border:1px solid var(--wr-line);
  border-radius:7px; width:30px; height:30px; cursor:pointer; font-size:1rem;}
.wr-refresh:hover{border-color:var(--wr-acc); color:var(--wr-acc);}

/* 라이브 보드 */
.wr-board{margin:16px 0 26px;}
.wr-board-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px;}
.wr-tick{display:flex; flex-direction:column; gap:2px; padding:10px 12px;
  background:var(--wr-panel); border:1px solid var(--wr-line); border-radius:10px;
  text-decoration:none; color:inherit; transition:.15s; position:relative; overflow:hidden;}
.wr-tick:hover{border-color:var(--wr-acc); transform:translateY(-1px);}
.wr-tick::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--wr-acc); opacity:.7;}
.wr-flag{font-size:1.1rem;}
.wr-code{font-weight:700; font-size:.82rem; letter-spacing:.5px; color:var(--wr-dim);}
.wr-unit{font-size:.7rem; color:var(--wr-dim);}
.wr-val{font-family:"Share Tech Mono",ui-monospace,monospace; font-size:1.18rem; font-weight:700; color:#fff; margin-top:2px;}
.wr-val small{font-size:.7rem; color:var(--wr-dim); font-weight:400; margin-left:2px;}
.wr-val.wr-flash{animation:wrFlash .8s ease;}
@keyframes wrFlash{0%{color:var(--wr-amber);}100%{color:#fff;}}
.wr-board-note{margin:10px 4px 0; font-size:.74rem; color:var(--wr-dim);}

/* 통화 카드 */
.wr-cards{display:grid; gap:14px;}
.wr-card{background:var(--wr-panel); border:1px solid var(--wr-line); border-radius:14px; padding:16px 16px 18px; scroll-margin-top:80px;}
.wr-card:target{border-color:var(--wr-acc); box-shadow:0 0 0 2px rgba(34,197,94,.18);}
.wr-card-top{display:flex; align-items:center; gap:12px;}
.wr-flag-lg{font-size:2rem;}
.wr-card-name{font-size:1.1rem; font-weight:700;}
.wr-card-code{color:var(--wr-dim); font-size:.85rem; font-weight:500;}
.wr-card-country{color:var(--wr-dim); font-size:.8rem;}
.wr-card-rate{margin-left:auto; text-align:right; font-family:"Share Tech Mono",ui-monospace,monospace;}
.wr-card-rate strong{font-size:1.35rem; color:#fff;}
.wr-card-rate span{font-size:.8rem; color:var(--wr-dim); margin-left:1px;}
.wr-card-rate em{display:block; font-style:normal; font-size:.72rem; color:var(--wr-dim);}
.wr-card-memo{margin:12px 0 0; padding:8px 12px; background:rgba(59,130,246,.08);
  border-left:3px solid var(--wr-blue); border-radius:6px; font-size:.84rem; color:#b9c6db;}

.wr-trade{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px;}
.wr-trade-col{background:#0d131c; border:1px solid var(--wr-line); border-radius:10px; padding:11px 12px;}
.wr-trade-col h4{margin:0 0 5px; font-size:.82rem;}
.wr-trade-col p{margin:0; font-size:.82rem; color:#c2ccdb; line-height:1.5;}
.wr-import h4{color:#67b7ff;}
.wr-export h4{color:#5fd99a;}

.wr-scenario{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px;}
.wr-sc{border-radius:10px; padding:11px 12px; border:1px solid var(--wr-line);}
.wr-sc h4{margin:0 0 6px; font-size:.82rem; display:flex; align-items:center; gap:5px;}
.wr-sc h4 span{font-size:.72rem; color:var(--wr-dim); font-weight:400;}
.wr-sc p{margin:0; font-size:.8rem; line-height:1.6; color:#c2ccdb;}
.wr-up{background:rgba(239,68,68,.07);} .wr-up h4{color:#ff7676;}
.wr-down{background:rgba(34,197,94,.07);} .wr-down h4{color:#5fd99a;}
.wr-empty{color:var(--wr-dim); text-align:center; padding:24px;}
.wr-empty code{background:#0d131c; padding:2px 6px; border-radius:4px;}

/* 면책 */
.wr-disclaimer{margin:26px 0; background:#15110a; border:1px solid #3a2e16; border-radius:12px; padding:14px 18px;}
.wr-disclaimer h3{margin:0 0 8px; font-size:.95rem; color:var(--wr-amber);}
.wr-disclaimer ul{margin:0; padding-left:18px;}
.wr-disclaimer li{font-size:.82rem; color:#cdbf9e; line-height:1.7;}
.wr-disclaimer b{color:#f4e4c1;}

/* 댓글 */
.wr-talk{margin-top:30px; border-top:1px solid var(--wr-line); padding-top:22px;}
.wr-talk h3{margin:0 0 4px; font-size:1.1rem;}
.wr-talk-sub{margin:0 0 14px; color:var(--wr-dim); font-size:.84rem;}
.wr-form{background:var(--wr-panel); border:1px solid var(--wr-line); border-radius:12px; padding:14px;}
.wr-form-row{margin-bottom:8px;}
.wr-nick{width:200px; max-width:100%; background:#0d131c; border:1px solid var(--wr-line); color:var(--wr-text);
  border-radius:8px; padding:8px 10px; font-size:.86rem;}
.wr-hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0;}
.wr-body{width:100%; min-height:80px; background:#0d131c; border:1px solid var(--wr-line); color:var(--wr-text);
  border-radius:8px; padding:10px 12px; font-size:.9rem; resize:vertical; font-family:inherit;}
.wr-nick:focus,.wr-body:focus{outline:none; border-color:var(--wr-acc);}
.wr-form-foot{display:flex; align-items:center; justify-content:space-between; margin-top:10px; gap:10px;}
.wr-rule{font-size:.72rem; color:var(--wr-dim);}
.wr-submit{background:var(--wr-acc); color:#04210f; border:none; border-radius:8px; padding:9px 20px;
  font-weight:700; font-size:.88rem; cursor:pointer; transition:.15s;}
.wr-submit:hover{filter:brightness(1.1);}

.wr-comments{margin-top:18px;}
.wr-error{background:rgba(239,68,68,.12); border:1px solid #5a2424; color:#ffb4b4;
  padding:9px 12px; border-radius:8px; font-size:.84rem; margin-bottom:12px;}
.wr-comments-head{font-size:.86rem; color:var(--wr-dim); margin-bottom:10px;}
.wr-comments-head b{color:var(--wr-text);}
.wr-comment-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.wr-comment{background:var(--wr-panel); border:1px solid var(--wr-line); border-radius:10px; padding:11px 14px;}
.wr-comment-meta{display:flex; align-items:center; gap:8px; margin-bottom:5px;}
.wr-comment-nick{font-weight:700; font-size:.82rem; color:#9fd9b6;}
.wr-comment-time{font-size:.72rem; color:var(--wr-dim);}
.wr-comment-body{font-size:.88rem; line-height:1.6; color:#d3dbe6; word-break:break-word;}
.wr-comment-empty{color:var(--wr-dim); text-align:center; padding:18px; font-size:.86rem;}

/* 모바일 */
@media (max-width:560px){
  .wr-trade,.wr-scenario{grid-template-columns:1fr;}
  .wr-board-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
  .wr-card-rate strong{font-size:1.1rem;}
  .wr-clock{position:static; justify-content:flex-end; margin-top:8px;}
}

/* ===== 히어로 LED 전광판 ===== */
.wr-hero.wr-led{position:relative; overflow:hidden; margin:18px 0 14px;
  padding:clamp(18px,4vw,38px); border-radius:16px; background:#03070a;
  border:1px solid #143524; min-height:clamp(190px,30vh,330px);
  display:flex; flex-direction:column; justify-content:center; gap:6px;
  box-shadow:inset 0 0 70px rgba(0,255,120,.06), 0 10px 44px rgba(0,0,0,.55);}
.wr-led::before{content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background-image:radial-gradient(rgba(0,255,128,.11) 1px, transparent 1.4px); background-size:5px 5px; opacity:.5;}
.wr-led-scan{position:absolute; inset:0; pointer-events:none; z-index:1;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.32) 0, rgba(0,0,0,.32) 1px, transparent 2px, transparent 4px);}
.wr-led-bar{position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:11px; flex-wrap:wrap;
  font-family:"Share Tech Mono",ui-monospace,monospace;}
.wr-led-flag{font-size:1.6rem; line-height:1;}
.wr-led-pair{font-size:1rem; color:#ffce4d; letter-spacing:1px; text-shadow:0 0 9px rgba(255,206,77,.5);}
.wr-led-pair b{font-weight:700;}
.wr-led-pair em{font-style:normal; color:#7d8a72; font-size:.85rem; letter-spacing:0;}
.wr-led-name{font-size:.84rem; color:#5fae7e; letter-spacing:.5px;}
.wr-led-screen{position:relative; z-index:2; line-height:1; display:flex; align-items:baseline;
  justify-content:center; gap:clamp(6px,1.5vw,16px); white-space:nowrap;}
.wr-led-sym{font-family:"Share Tech Mono",ui-monospace,monospace; font-size:clamp(1rem,3.4vw,2.2rem);
  color:#7fe0a8; text-shadow:0 0 10px rgba(57,255,149,.5);}
.wr-led-screen strong{font-family:"Share Tech Mono",ui-monospace,monospace;
  font-size:clamp(3rem,13vw,8.5rem); font-weight:700; letter-spacing:2px; color:#39ff95;
  text-shadow:0 0 7px rgba(57,255,149,.9),0 0 24px rgba(57,255,149,.5),0 0 50px rgba(57,255,149,.28);
  animation:wrLedFlicker 5s infinite;}
.wr-led-won{font-size:clamp(1rem,3vw,2rem); color:#39ff95; text-shadow:0 0 12px rgba(57,255,149,.6);}
@keyframes wrLedFlicker{0%,96%,100%{opacity:1;}97%{opacity:.78;}98.5%{opacity:.96;}}
.wr-led-bottom{position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:8px;}
.wr-hero-note{flex:1; min-width:200px; padding:8px 13px; background:rgba(0,255,128,.06);
  border-left:3px solid #1f7a4d; border-radius:7px; font-size:.84rem; color:#9fd9b6;}
.wr-hero-more{color:#39ff95; font-size:.82rem; text-decoration:none; white-space:nowrap; text-shadow:0 0 8px rgba(57,255,149,.4);}
.wr-hero-more:hover{text-decoration:underline;}

/* 통화 칩 */
.wr-chips{display:flex; flex-wrap:wrap; gap:7px; margin-bottom:24px;}
.wr-chip{display:flex; align-items:center; gap:5px; padding:7px 12px; cursor:pointer;
  background:var(--wr-panel); border:1px solid var(--wr-line); border-radius:999px;
  color:var(--wr-dim); font-size:.82rem; font-weight:600; transition:.15s; font-family:inherit;}
.wr-chip:hover{border-color:var(--wr-acc); color:var(--wr-text);}
.wr-chip.on{background:rgba(34,197,94,.16); border-color:var(--wr-acc); color:#eafff2;}
.wr-chip span{font-size:1rem;}

.wr-board-head{font-size:.82rem; color:var(--wr-dim); margin-bottom:8px; font-weight:600;}

/* 답글 */
.wr-reply-btn{margin-top:8px; background:none; border:none; color:var(--wr-dim);
  font-size:.78rem; cursor:pointer; padding:2px 0; font-family:inherit;}
.wr-reply-btn:hover{color:var(--wr-acc);}
.wr-reply-form{margin-top:10px; padding:11px; background:#0d131c; border:1px solid var(--wr-line); border-radius:9px;}
.wr-reply-form .wr-nick{margin-bottom:7px;}
.wr-body-sm{min-height:54px;}
.wr-submit-sm{padding:7px 15px; font-size:.82rem;}
.wr-reply-list{list-style:none; margin:10px 0 0; padding:0 0 0 14px;
  border-left:2px solid var(--wr-line); display:flex; flex-direction:column; gap:8px;}
.wr-reply{background:#0d131c; border:1px solid var(--wr-line); border-radius:9px; padding:9px 12px;}
.wr-reply-arrow{color:var(--wr-acc); font-size:.82rem;}

@media (max-width:560px){
  .wr-hero-rate strong{font-size:2.1rem;}
  .wr-hero-flag{font-size:2rem;}
}

/* ===== 전체화면 버튼 ===== */
.wr-fs-open{cursor:pointer; background:rgba(0,40,20,.55); border:1px solid #1f7a4d; color:#7fe0a8; border-radius:9px;
  padding:6px 12px; font-size:.76rem; font-family:"Share Tech Mono",ui-monospace,monospace;
  text-shadow:0 0 6px rgba(57,255,149,.4); transition:.15s; white-space:nowrap;}
.wr-led-actions{display:flex; flex-direction:column; align-items:flex-end; gap:10px;}
.wr-fs-open:hover{background:rgba(0,60,30,.85); color:#aef5c8; border-color:#39ff95; box-shadow:0 0 14px rgba(57,255,149,.3);}

/* ===== 풀스크린 전광판 오버레이 ===== */
.wr-fs[hidden]{display:none !important;}
.wr-fs{position:fixed; inset:0; z-index:99999; background:#02060a; overflow:hidden;}
.wr-fs::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(0,255,128,.12) 1px, transparent 1.5px); background-size:6px 6px; opacity:.5;}
.wr-fs-scan{position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.32) 0, rgba(0,0,0,.32) 1px, transparent 2px, transparent 4px);}
.wr-fs-x{position:absolute; top:14px; right:14px; z-index:5; cursor:pointer; background:rgba(0,40,20,.55);
  border:1px solid #1f7a4d; color:#7fe0a8; border-radius:9px; padding:8px 15px; font-size:.85rem;
  font-family:"Share Tech Mono",ui-monospace,monospace;}
.wr-fs-x:hover{color:#fff; border-color:#39ff95;}

/* 회전 컨테이너 (데스크탑/가로: 그대로 / 모바일 세로: 90도 회전) */
.wr-fs-rot{position:relative; z-index:2; width:100%; height:100%;
  display:flex; flex-direction:row; align-items:center; justify-content:center;
  gap:clamp(14px,3vw,48px); padding:clamp(14px,3vw,32px);}
.wr-fs-main{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(12px,3vh,26px);}
.wr-fs-bar{display:flex; align-items:center; gap:11px; flex-wrap:wrap; justify-content:center;
  font-family:"Share Tech Mono",ui-monospace,monospace; font-size:clamp(.85rem,2.2vw,1.4rem);}
.wr-fs-flag{font-size:clamp(1.3rem,3.5vw,2.4rem);}
.wr-fs-pair{color:#ffce4d; letter-spacing:1px; text-shadow:0 0 10px rgba(255,206,77,.5);}
.wr-fs-pair em{font-style:normal; color:#7d8a72; font-size:.8em;}
.wr-fs-name{color:#5fae7e;}
.wr-fs-screen{display:flex; align-items:baseline; justify-content:center; gap:clamp(6px,1.6vw,20px); white-space:nowrap;
  font-family:"Share Tech Mono",ui-monospace,monospace; line-height:1;}
.wr-fs-sym{font-size:min(6vw,11vh); color:#7fe0a8; text-shadow:0 0 12px rgba(57,255,149,.5);}
.wr-fs-val{font-size:min(15vw,34vh); font-weight:700; letter-spacing:2px; color:#39ff95; line-height:1;
  text-shadow:0 0 10px rgba(57,255,149,.9),0 0 34px rgba(57,255,149,.5),0 0 70px rgba(57,255,149,.3);
  animation:wrLedFlicker 5s infinite;}
.wr-fs-won{font-size:min(7vw,13vh); color:#39ff95; text-shadow:0 0 14px rgba(57,255,149,.6);}
/* 오른쪽 통화 칩 세로 한 줄 */
.wr-fs-side{flex:0 0 auto; display:flex; flex-direction:column; gap:6px; max-height:100%; overflow-y:auto; padding:2px 4px;}
.wr-fs-side .wr-chip{width:100%; justify-content:flex-start; padding:6px 11px; font-size:.78rem;}
.wr-fs-side::-webkit-scrollbar{width:5px;} .wr-fs-side::-webkit-scrollbar-thumb{background:#1f7a4d; border-radius:3px;}

/* 모바일 세로: 콘텐츠를 자동으로 가로로 회전 (폰 안 돌려도 꽉 차게) */
@media (orientation:portrait) and (max-width:600px){
  .wr-fs-rot{position:absolute; top:50%; left:50%; width:100vh; height:100vw;
    transform:translate(-50%,-50%) rotate(90deg); transform-origin:center center;
    gap:clamp(10px,2vh,28px); padding:16px;}
  .wr-fs-val{font-size:13vh;} .wr-fs-sym{font-size:5vh;} .wr-fs-won{font-size:6vh;}
  .wr-fs-bar{font-size:2.2vh;} .wr-fs-flag{font-size:3.2vh;}
  .wr-fs-side .wr-chip{font-size:1.8vh; padding:1vh 1.4vh;}
}

/* 전광판 외곽 글로우 살짝 강화(폴리시) */
.wr-hero.wr-led{box-shadow:inset 0 0 70px rgba(0,255,120,.06), 0 0 0 1px rgba(57,255,149,.1), 0 10px 50px rgba(0,0,0,.6), 0 0 40px rgba(0,255,120,.05);}