@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Jua&display=swap');

/* FUNATION UI/UX v12 · warm editorial interface
   기능 CSS와 분리된 최종 표현 레이어 */
:root{
  --void:#f4efe5;--deck:#fffdf8;--deck-2:#f7f0e3;--deck-3:#e9dcc7;
  --glass:#fffaf2e8;--glass-border:#d8c8ae;--rule:#d8c8ae;--rule-soft:#e9decf;
  --ink:#172c2a;--ink-dim:#5f6f68;--ink-faint:#8d978f;
  --signal:#126b5c;--signal-glow:#126b5c22;--amber:#d68d28;--amber-glow:#d68d2822;
  --live:#208d68;--alert:#bd4e45;--neon-blue:#126b5c;--neon-purple:#806c9a;
  --shadow-card:0 14px 38px #6e5c3f15,0 2px 7px #4b3d2b0d;
  --shadow-elevated:0 28px 70px #51442f22,0 8px 20px #51442f12;
  --shell:min(1240px,calc(100% - 48px));
  --t-h3:18px;--t-body:16px;--t-small:14px;--t-micro:12.5px;
  color-scheme:light;
}
html{background:var(--void);scroll-padding-top:96px}
body{color:var(--ink);background:
  radial-gradient(circle at 92% 3%,#e8c98966 0 10%,transparent 26%),
  radial-gradient(circle at 2% 20%,#bcd6c74d 0 8%,transparent 22%),
  linear-gradient(180deg,#f9f5ed,#f1eadf 55%,#f7f2e9);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
.page,.site-head,.tabbar,.toast{position:relative;z-index:1}
.modal-v8{position:fixed!important;inset:0!important;z-index:5000!important;display:grid!important;place-items:center!important;overflow-y:auto;padding:20px;background:rgba(20,48,42,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-v8 .modal-card{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;background:#fffdf8;color:#173f38;border:2px solid #d9c39d;box-shadow:0 30px 90px rgba(17,48,41,.34)}
.modal-v8 .modal-card h2,.modal-v8 .modal-card label{color:#173f38}.modal-v8 .modal-card>p:not(.eyebrow),.modal-v8 .modal-card>small{color:#62746d}.modal-v8 .modal-close{position:absolute;right:14px;top:14px;z-index:2;color:#173f38}
.eyebrow{color:var(--signal);font-weight:700;opacity:1}
.ui-icon{width:20px;height:20px;display:block;flex:0 0 auto}

/* Header */
.site-head{height:82px;border-bottom:1px solid #d5c4aa;background:#fffaf1e8;backdrop-filter:blur(18px);box-shadow:0 6px 24px #5d4a2f0b}
.head-inner{width:var(--shell);height:100%;gap:14px}
.brand.ui-brand{min-width:196px;flex:0 0 196px;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink)}
.ui-brand-mark{width:43px;height:43px;display:grid;place-items:center;position:relative;color:#fff}
.ui-brand-mark i{position:absolute;inset:3px;border-radius:15px 15px 15px 4px;transform:rotate(45deg);background:linear-gradient(145deg,#167666,#0d554a);box-shadow:0 8px 18px #126b5c35}
.ui-brand-mark b{z-index:1;font:800 18px var(--f-data)}
.ui-brand-copy{min-width:0;white-space:nowrap}.ui-brand-copy strong{display:block;font-size:18px;line-height:1.25;letter-spacing:.035em;white-space:nowrap}.ui-brand-copy small{display:block;margin-top:3px;color:var(--signal);font:700 10.5px/1.25 var(--f-data);letter-spacing:.18em;white-space:nowrap}
.main-nav{min-width:0;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;flex:1;margin-left:0}
.main-nav button{width:100%;height:100%;min-width:0;padding:0 3px;gap:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-bottom:3px solid transparent;background:transparent;color:#68766e;font-size:12.5px;line-height:1.15;font-weight:700;transition:.2s}
.main-nav button span{display:block;white-space:nowrap}
.main-nav button .ui-icon{width:17px;height:17px}
.main-nav button:hover{color:var(--signal);background:#126b5c08}
.main-nav button.active{color:var(--signal);border-color:var(--signal);background:linear-gradient(180deg,transparent,#126b5c08)}
.head-tools{min-width:max-content;flex:0 0 auto;margin-left:auto;gap:9px}
.pill-bal{min-height:50px;padding:7px 14px 7px 11px;gap:9px;border:1px solid #d8c8ae;border-radius:16px;background:#fffdf8;box-shadow:0 5px 16px #5e4d320d}
.pill-bal>.ui-icon{width:28px;height:28px;padding:6px;border-radius:9px;color:#fff;background:var(--signal)}
.pill-bal>span{display:grid;line-height:1.05}.pill-bal em{font-style:normal;color:var(--ink-faint);font-size:11px}.pill-bal b{margin-top:4px;color:var(--ink);font-size:16px}.pill-bal small{align-self:end;color:var(--signal);font:700 10.5px var(--f-data)}
.logout-btn .ui-icon{width:16px;height:16px}

/* Hero */
.page{width:var(--shell);padding-top:30px}
.hero-v8{min-height:510px;padding:48px 52px;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);border:1px solid #d5c19e;border-radius:30px;background:
  linear-gradient(115deg,#fffdf8 0 52%,#eee1ca 52% 100%);box-shadow:var(--shadow-elevated);overflow:hidden}
.hero-v8::before{content:"10";position:absolute;right:4%;bottom:-22%;color:#fff8ed;font:900 330px/1 var(--f-data);letter-spacing:-.12em;text-shadow:0 0 0 #fff0;opacity:.75}
.hero-text{z-index:2;align-self:center}.hero-text h1{max-width:620px;margin:16px 0 18px;background:none!important;color:#16463d!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#16463d!important;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.045em;text-shadow:0 1px 0 #fff}
.hero-text>p:not(.eyebrow){max-width:540px;color:#66716b;font-size:16px}
.hero-tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}.hero-tags span{padding:10px 14px;border:1px solid #d5c4aa;border-radius:999px;background:#fffaf0;color:#4e625a;font-size:12.5px;font-weight:750}
.hero-visual{right:-28px;bottom:-8px;width:100%;height:100%;z-index:1;display:grid;place-items:end center;align-self:stretch;justify-self:stretch}
.parrot-mascot{position:relative!important;width:min(132%,640px)!important;max-width:none!important;max-height:600px;object-fit:contain;filter:drop-shadow(0 28px 30px #55401f3d);z-index:4;transform:scale(1.12);transform-origin:center bottom}
.holo-svg{display:none!important}
.wallet-v8{right:auto;left:52px;top:auto;bottom:38px;z-index:5;min-width:260px;padding:16px 18px;border:1px solid #cdb78f;border-radius:16px;background:#173c35;color:#fff;box-shadow:0 16px 35px #173c3533}
.wallet-v8 span,.wallet-v8 p,.wallet-v8 .ref-state{color:#dbe9e4}.wallet-v8 strong{color:#fff}.wallet-v8 strong small{color:#acd2c5}
.hero-text{padding-bottom:120px}

/* Compact market */
.market-mini{min-height:82px;margin-top:18px;padding:0 22px;border:1px solid var(--rule);border-radius:20px;background:#fffdf8;box-shadow:var(--shadow-card)}
.market-mini .coin{background:#d68d28;color:#fff;box-shadow:none}.market-mini strong{color:var(--ink)}

/* Sections and cards */
.rooms,.section{margin-top:24px}
.game-room,.section,.profile-card,.ref-summary,.credit-transfer,.info-tables>article,.dex-balances article,.dex-card,.dex-guide,.dex-history{border-color:var(--rule);background:#fffdf8;box-shadow:var(--shadow-card)}
.game-room{padding:0;border-radius:26px;overflow:hidden}
.room-kicker{padding:17px 26px;border-bottom:1px solid var(--rule-soft);background:#173c35;color:#eaf5f1;font:700 12px var(--f-data);letter-spacing:.13em}
.room-title{padding:28px 28px 18px}.room-title h2{font-size:28px}.room-title p{color:var(--ink-dim)}
.room-price{color:var(--signal);font-size:34px}.room-price small{color:var(--ink-faint)}
.round-clock{margin:0 28px;padding:20px 22px;border:1px solid #d7c6a8;border-radius:18px;background:linear-gradient(120deg,#f7eddd,#fffaf2);display:flex;align-items:center;justify-content:space-between}
.round-clock span{color:#65746d;font-size:14px;font-weight:700}.round-clock strong{font:800 clamp(30px,5vw,48px)/1 var(--f-data);color:#173c35;letter-spacing:.04em}
.room-progress{padding:24px 28px}.room-progress i{height:12px;background:#e8dfd1}.room-progress i em{background:linear-gradient(90deg,#126b5c,#54a087);box-shadow:none}
.fund-strip{margin:0 28px;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:18px;background:#f8f1e6;overflow:hidden}
.fund-strip span{padding:17px;border-right:1px solid var(--rule)}.fund-strip span:last-child{border:0}.fund-strip b{color:#173c35}
.ten-rules{padding:20px 28px;grid-template-columns:repeat(2,1fr)}
.room-payout>div{border-color:var(--rule);background:#fffaf2}.room-payout strong{color:#173c35}.room-payout small{color:var(--ink-dim)}
.join-row{margin:0;padding:22px 28px;border-top:1px solid var(--rule-soft);background:#fbf6ed}.join-row .btn{min-width:250px}
.room-note{padding:0 28px 24px;background:#fbf6ed;color:#68766e}

/* 진행 단계는 구조적 UI 컴포넌트 */
.round-steps{margin:20px 28px 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:18px;background:#fffaf2;overflow:hidden}
.round-steps li{min-height:78px;padding:15px;display:flex;align-items:center;gap:10px;color:#879088;border-right:1px solid var(--rule-soft);font-size:13px;font-weight:700}.round-steps li:last-child{border:0}
.round-steps i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #cfc0a8;border-radius:50%;background:#fff;font:700 11px var(--f-data);font-style:normal}.round-steps .done,.round-steps .active{color:#173c35}.round-steps .done i{border-color:var(--signal);background:var(--signal);color:#fff}.round-steps .active i{border-color:#d68d28;background:#f7e7ca;color:#9b5e0c}

.section{padding:28px;border-radius:24px}.section-head,.record-head{padding-bottom:20px;border-bottom:1px solid var(--rule-soft)}
.section-head p,.record-head p{color:var(--ink-dim)}
.coming{background:linear-gradient(135deg,#fffdf8,#eee3d2)}.coming-mark{color:#e0d2bc}
.profile-card dl>div{border-color:var(--rule-soft)}.summary-cards>div,.credit-transfer-grid>article,.credit-transfer-grid>form{border-color:var(--rule);background:#fbf5eb}
.intro-copy{color:var(--signal);border-color:var(--rule);background:#fff}
.dex-balances article,.dex-card,.dex-guide,.dex-history{background:#fffaf2}.dex-direction{background:#eee4d5}.dex-direction button.active{background:#fff;color:var(--signal);box-shadow:0 4px 15px #55462e13}.dex-quote{background:#f2e8da}.dex-guide{background:linear-gradient(145deg,#173c35,#26594f);color:#fff}.dex-guide p{color:#d9e8e2}.dex-guide .btn{color:#fff;border-color:#ffffff40}
.table-wrap{border:1px solid var(--rule-soft);border-radius:14px}.table-wrap table{background:#fff;font-size:14px}.table-wrap th{background:#f1e7d8;color:#63716b;border-color:var(--rule);font-size:12.5px}.table-wrap td{color:#30443f;border-color:#eee4d5}.table-wrap tbody tr:hover{background:#fbf5eb}
.field{border-color:#d2c1a7;background:#fffdf9;color:var(--ink);box-shadow:inset 0 1px 2px #54452f0a}.field:focus{border-color:var(--signal);background:#fff;box-shadow:0 0 0 4px #126b5c12}.field::placeholder{color:#9a9b90}
.btn{border-color:#cdbb9e;background:#fffaf2;color:#2c4842}.btn:hover{border-color:#a58d67;background:#fff}.btn.primary{border-color:#0e5c4f;background:linear-gradient(135deg,#0e5c4f,#197867);box-shadow:0 8px 20px #126b5c26}.btn.primary:hover{background:linear-gradient(135deg,#126b5c,#248b77)}.btn.amber{border-color:#bd7615;background:linear-gradient(135deg,#ca7f1b,#e7a448);color:#fff}.btn.ghost{background:#fff9ef}.btn.ghost:hover{background:#fff}
.tabs{background:#eee5d8;border-color:var(--rule)}.tabs button{color:var(--ink-dim)}.tabs button.active{background:#fff;color:var(--signal);box-shadow:0 3px 10px #55452e10}
.auth-card{border-color:var(--rule);background:#fffdf8;box-shadow:var(--shadow-elevated)}.auth-card::before{background:linear-gradient(135deg,#fff8e8,transparent 50%)}.auth-card .brand-mark{animation:none}.hint{border-color:var(--rule);background:#f6eee2;color:var(--ink-dim)}
.site-foot{color:var(--ink-faint);border-color:var(--rule)}

/* USDT 입금 · 관리자 승인 전 대기 원칙 */
.deposit-zone{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--rule-soft)}
.deposit-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.deposit-head h3{font-size:22px}.deposit-rate{padding:8px 12px;border:1px solid #cdbb9e;border-radius:999px;background:#f6eddf;color:#126b5c;font:800 12px var(--f-data)}
.deposit-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.deposit-address,.deposit-form{min-width:0;padding:20px;border:1px solid var(--rule);border-radius:18px;background:#fbf5eb}.deposit-address{display:grid;gap:9px}.deposit-address>span,.deposit-form label{color:var(--ink-dim);font-size:12.5px;font-weight:700}.deposit-address>strong{font-size:22px;color:#173c35}.deposit-address code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:#efe5d7;color:#263d38;font:700 12px/1.7 var(--f-data)}.deposit-address .btn{justify-self:start}.deposit-address small,.deposit-form>small{color:var(--ink-faint);font-size:11.5px;line-height:1.65}.deposit-disabled{padding:14px;border-radius:12px;background:#f0e7d9;color:#7d6e59;font-size:12.5px}.deposit-form{display:grid;gap:12px}.deposit-form label:not(.agree){display:grid;gap:7px}.deposit-form .field{width:100%}.deposit-history{margin-top:20px}.deposit-history>h3{margin-bottom:12px;font-size:16px}.txid-cell{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#51635e;font:11px var(--f-data)}.deposit-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.deposit-state.wait{background:#f5e6c8;color:#8b5b13}.deposit-state.ok{background:#dceee6;color:#14604f}.deposit-state.bad{background:#f7dddd;color:#9e3434}.deposit-memo{display:block;margin-top:5px;color:var(--ink-faint);font-size:10.5px}
.nft-exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nft-exchange-grid article{padding:24px;border:1px solid var(--rule);border-radius:20px;background:linear-gradient(145deg,#fffaf2,#f2e7d5);display:grid;gap:10px}.nft-exchange-grid span{color:var(--ink-dim);font-weight:800}.nft-exchange-grid strong{color:#173c35;font-size:32px}.nft-exchange-grid small{color:var(--ink-faint);line-height:1.6}.nft-progress{height:10px;border-radius:99px;background:#ded2bf;overflow:hidden}.nft-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#177765,#e4a13c)}

/* V13 참여 크레딧 입력 */
.join-row{align-items:end;gap:16px}.join-amount{display:grid;gap:7px;min-width:210px;color:var(--ink-dim);font-size:13px;font-weight:700}.join-amount .field{width:100%;min-height:48px;font-size:18px;font-weight:800}.join-amount small{font-weight:500;color:var(--ink-faint)}.join-row .join-round{min-height:48px}

/* V13.1 readability scale */
.room-title p,.room-progress>div{font-size:13.5px}.room-progress small,.room-note{font-size:12.5px}.room-price small{font-size:11px}.room-payout b{font-size:13px}.room-payout span{font-size:12px}.room-payout small{font-size:11.5px}.wallet-v8 p,.wallet-v8 .ref-state{font-size:11px}.market-mini p small,.market-mini>strong small{font-size:11.5px}.profile-card h3,.ref-summary h3,.info-tables h3{font-size:17px}.profile-card dt{font-size:12.5px}.profile-card dd{font-size:13.5px}.summary-cards span{font-size:12px}.intro-copy{font-size:11.5px}.modal-card label,.agree{font-size:13px}.modal-card>p:not(.eyebrow){font-size:13.5px}.btn{font-size:14px}

/* Mobile */
.tabbar{display:none}
@media(max-width:1040px){.main-nav button{min-width:48px;padding:0 8px}.main-nav button span{display:none}.hero-v8{grid-template-columns:1fr minmax(270px,.75fr);padding:38px}.wallet-v8{left:38px}.hero-text h1{font-size:42px}.parrot-mascot{width:min(140%,560px)!important;max-height:540px}}
@media(max-width:780px){
  :root{--shell:calc(100% - 24px)}body{padding-bottom:84px}.site-head{height:68px}.head-inner{width:calc(100% - 22px);gap:8px;justify-content:space-between}.brand.ui-brand{min-width:36px;flex:0 0 36px}.brand.ui-brand>.ui-brand-mark{display:grid!important;width:36px;height:36px}.brand.ui-brand>.ui-brand-copy{display:none!important}.main-nav{display:none}.head-tools{margin-left:auto;gap:7px;flex:0 0 auto}.pill-bal{width:auto;min-width:82px;height:44px;min-height:44px;padding:0 11px;gap:5px;justify-content:center}.pill-bal>.ui-icon{display:none}.pill-bal>span{display:block;line-height:1}.pill-bal em{display:none}.pill-bal b{display:block;margin:0;color:#173c35;font-size:15px;line-height:1;white-space:nowrap}.pill-bal small{align-self:center;color:#126b5c;font-size:9.5px;line-height:1;white-space:nowrap}.logout-btn{width:42px;min-width:42px;padding:0}.logout-btn span{display:none}
  .page{padding-top:14px}.hero-v8{min-height:auto;padding:30px 24px 0;display:flex;flex-direction:column;border-radius:24px;background:linear-gradient(180deg,#fffdf8 0 54%,#eee1ca 54%)}.hero-v8::before{font-size:210px;right:-3%;bottom:-5%}.hero-text{order:1;padding-bottom:0}.hero-text h1{font-size:34px}.hero-text>p:not(.eyebrow){font-size:14px}.hero-tags{margin-top:20px}.hero-tags span{padding:7px 10px}.wallet-v8{position:relative;order:2;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0;margin:22px 0 0;padding:14px 16px}.wallet-v8 strong{font-size:26px}.wallet-v8 p,.wallet-v8 .ref-state{font-size:10px}.hero-visual{position:relative;order:3;width:calc(100% + 48px);max-width:none!important;height:330px;margin:0 -24px;right:auto;bottom:auto;place-items:end end}.parrot-mascot{width:min(118%,520px)!important;max-width:none!important;max-height:350px;transform:none;margin-right:-4%}
  .market-mini{padding:14px;display:grid;grid-template-columns:1fr auto}.market-mini>a{grid-column:1/-1;margin-top:8px;text-align:center}
  .game-room{border-radius:22px}.room-kicker{padding:14px 18px}.room-title{padding:22px 18px 14px;align-items:flex-start}.room-title h2{font-size:22px}.room-title .room-price{font-size:25px}.round-clock{margin:0 18px;padding:16px}.round-clock strong{font-size:34px}.room-progress{padding:20px 18px}.fund-strip{margin:0 18px;grid-template-columns:repeat(2,1fr)}.fund-strip span:nth-child(2){border-right:0}.fund-strip span:nth-child(-n+2){border-bottom:1px solid var(--rule)}.ten-rules{padding:16px 18px;grid-template-columns:1fr}.round-steps{margin:16px 18px 0;grid-template-columns:repeat(2,1fr)}.round-steps li:nth-child(2){border-right:0}.round-steps li:nth-child(-n+2){border-bottom:1px solid var(--rule-soft)}.join-row{padding:18px;display:grid;grid-template-columns:1fr}.join-amount{min-width:0}.join-row .btn{width:100%;min-width:0}.room-note{padding:0 18px 20px}
  .section{padding:20px;border-radius:20px}.section-head,.record-head{display:grid;gap:12px}.profile-grid,.credit-transfer-grid,.info-tables,.dex-grid,.dex-balances,.deposit-grid,.nft-exchange-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:1fr 1fr}.table-wrap{border-radius:12px}.deposit-head{align-items:start;display:grid}.deposit-head h3{font-size:20px}.deposit-rate{justify-self:start}.deposit-address,.deposit-form{padding:16px}.txid-cell{max-width:170px}
  .tabbar{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:100;min-height:70px;padding:5px;display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #b8a382;border-radius:20px;background:#dfcfb7f5;box-shadow:0 14px 40px #4b3b2560;backdrop-filter:blur(18px)}.tabbar button{min-width:0;min-height:58px;padding:5px 1px;border:0;border-radius:14px;background:transparent;color:#40544d;display:grid;place-items:center;font-size:9.5px;font-weight:800}.tabbar .ui-icon{width:20px;height:20px}.tabbar button:hover{background:#f5ead8;color:#173c35}.tabbar button.active{background:#174c42;color:#fff;box-shadow:0 7px 18px #173c354d}
}
@media(max-width:420px){.ui-brand-copy small{display:none}.hero-text h1{font-size:30px}.hero-v8{min-height:auto}.hero-visual{width:calc(100% + 48px);height:310px;right:auto}.parrot-mascot{width:126%!important;max-height:330px;margin-right:-8%}.hero-tags span:nth-child(3){display:none}.summary-cards{grid-template-columns:1fr}.tabbar button{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V13.10 쉬운 이용 안내 */
.guide-section{margin-top:24px;display:grid;gap:20px}
.guide-hero,.guide-rules,.guide-example,.guide-referral{padding:32px;border:1px solid var(--rule);border-radius:24px;background:#fffdf8;box-shadow:var(--shadow-card)}
.guide-hero{background:linear-gradient(135deg,#fffdf8 0 62%,#efe2cd 62%);overflow:hidden}
.guide-hero h1{margin:12px 0 14px;color:#173c35;font-size:clamp(32px,4.5vw,52px);line-height:1.14;letter-spacing:-.045em}
.guide-hero>p:not(.eyebrow){color:#5f6d67;font-size:18px}
.guide-callout{margin-top:24px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid #cdbb9e;border-radius:16px;background:#fffaf1}
.guide-callout b{margin-right:4px;color:#173c35;font-size:16px}.guide-callout span{padding:7px 11px;border-radius:999px;background:#e9efe9;color:#365b52;font-size:14px;font-weight:750}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-steps article{min-height:174px;padding:24px;display:grid;grid-template-columns:58px 1fr;gap:16px;border:1px solid var(--rule);border-radius:20px;background:#fffaf2;box-shadow:var(--shadow-card)}
.guide-steps i{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#173c35;color:#fff;font:900 23px var(--f-data);font-style:normal}
.guide-steps h2,.guide-rules h2,.guide-example h2,.guide-referral h2{color:#173c35;font-size:23px;letter-spacing:-.025em}
.guide-steps p{margin-top:8px;color:#344b45;font-size:17px;line-height:1.7}.guide-steps small{display:block;margin-top:8px;color:#6e7772;font-size:14px;line-height:1.65}
.guide-rule-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-rule-grid article{padding:20px;border:1px solid #d8c9b2;border-radius:16px;background:#fbf4e8}.guide-rule-grid b{color:#9a6115;font-size:19px}.guide-rule-grid p{margin-top:6px;color:#455952;font-size:15px;line-height:1.7}
.guide-example ol{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.guide-example li{padding:16px 18px;display:grid;grid-template-columns:150px 1fr;gap:12px;border-radius:14px;background:#f3eadc}.guide-example b{color:#173c35;font-size:16px}.guide-example span{color:#43564f;font-size:15px;line-height:1.6}
.guide-referral>div{margin-top:12px;padding:16px 18px;display:grid;grid-template-columns:minmax(190px,.7fr) 1fr;gap:12px;border:1px solid #d8c9b2;border-radius:14px;background:#fbf5eb}.guide-referral>div b{color:#173c35}.guide-referral>div span{color:#4e615a}.guide-referral>p{margin-top:14px;padding:14px;border-radius:12px;background:#e7f0eb;color:#275549;font-size:15px;font-weight:700}
.guide-actions{display:flex;justify-content:center;gap:10px}.guide-actions .btn{min-width:210px;min-height:54px;font-size:16px}.guide-age{padding:14px 18px;border:1px solid #dbc6a9;border-radius:14px;background:#fff7e9;color:#725c3d;font-size:14px;line-height:1.7;text-align:center}
@media(max-width:780px){.guide-section{margin-top:14px}.guide-hero,.guide-rules,.guide-example,.guide-referral{padding:22px;border-radius:20px}.guide-hero{background:linear-gradient(160deg,#fffdf8 0 72%,#efe2cd 72%)}.guide-hero h1{font-size:32px}.guide-hero>p:not(.eyebrow){font-size:16px}.guide-callout{align-items:flex-start;display:grid}.guide-steps{grid-template-columns:1fr}.guide-steps article{min-height:0;padding:20px;grid-template-columns:48px 1fr}.guide-steps i{width:48px;height:48px;font-size:19px}.guide-steps h2,.guide-rules h2,.guide-example h2,.guide-referral h2{font-size:20px}.guide-steps p{font-size:16px}.guide-rule-grid{grid-template-columns:1fr}.guide-example li,.guide-referral>div{grid-template-columns:1fr}.guide-actions{display:grid}.guide-actions .btn{width:100%}}

/* V13.12 더드림 회차 · 부드럽고 귀여운 프로그램형 화면 */
.view-game .game-room{
  --cute-ink:#173f38;--cute-dim:#586e67;--cute-mint:#dff3e8;--cute-sky:#e5f2ff;--cute-peach:#ffeadc;--cute-yellow:#fff2c9;
  position:relative;isolation:isolate;border:2px solid #d9c39f;border-radius:32px;
  background:radial-gradient(circle at 8% 8%,rgba(255,205,117,.25) 0 34px,transparent 35px),radial-gradient(circle at 94% 16%,rgba(113,202,177,.18) 0 54px,transparent 55px),linear-gradient(160deg,#fffdf7 0%,#fff7e9 52%,#f3eadb 100%);
  box-shadow:0 20px 50px rgba(108,78,39,.16);color:var(--cute-ink);font-family:'Gowun Dodum','Pretendard Variable',Pretendard,sans-serif
}
.view-game .game-room::after{content:'✦  ✧  ✦';position:absolute;right:26px;top:18px;z-index:-1;color:rgba(210,145,53,.22);font:26px 'Jua',sans-serif;letter-spacing:8px}
.view-game .room-kicker{padding:19px 28px;border:0;border-radius:28px 28px 0 0;background:linear-gradient(105deg,#176e60,#55a68d);color:#fff;font:400 16px 'Jua',sans-serif;letter-spacing:.08em;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.view-game .room-title h2,.view-game .room-price,.view-game .round-clock strong,.view-game .fund-strip b,.view-game .room-payout strong,.view-game .join-round{font-family:'Jua','Gowun Dodum',sans-serif}
.view-game .room-title h2{color:var(--cute-ink);font-size:34px;font-weight:400;letter-spacing:-.025em}.view-game .room-title p{margin-top:7px;color:var(--cute-dim);font-size:16px;font-weight:700}
.view-game .room-price{color:#c9781c;font-size:38px;font-weight:400}.view-game .room-price small{color:#806a4f;font:700 14px 'Gowun Dodum',sans-serif}
.view-game .round-clock{border:2px solid #e2ca9e;background:linear-gradient(110deg,#fff0cc,#fffaf0);box-shadow:0 8px 20px rgba(179,126,39,.1)}.view-game .round-clock span{color:#655d4d;font-size:16px}.view-game .round-clock strong{color:#176e60;font-size:46px;font-weight:400}
.view-game .room-progress>div{color:#405b54;font-size:16px;font-weight:800}.view-game .room-progress small{color:#687870;font-size:15px;font-weight:700}.view-game .room-progress i{height:15px;border:2px solid #d7c6a8;background:#efe6d8}.view-game .room-progress i em{background:linear-gradient(90deg,#43a68b,#f0ad4c);box-shadow:0 0 16px rgba(62,156,132,.25)}
.view-game .round-steps{gap:8px;padding:8px;border:0;border-radius:22px;background:#f4eadb;overflow:visible}.view-game .round-steps li{min-height:86px;padding:16px;border:2px solid #e2d2b9!important;border-radius:16px;background:#fffdf8;color:#5f6f69;font-size:16px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.view-game .round-steps li:hover{transform:translateY(-3px);border-color:#75bca9!important;background:#e9f6f0;color:#173f38;box-shadow:0 8px 18px rgba(57,122,104,.14)}.view-game .round-steps li:hover span{color:#173f38!important}.view-game .round-steps i{width:38px;height:38px;border:2px solid #d6c3a2;background:#fff;color:#5e6e68;font:400 15px 'Jua',sans-serif}.view-game .round-steps .done,.view-game .round-steps .active{color:#173f38}.view-game .round-steps .done i{border-color:#177766;background:#177766;color:#fff}.view-game .round-steps .active i{border-color:#e39832;background:#fff0cc;color:#a45f0d}
.view-game .fund-strip{gap:10px;padding:10px;border:0;border-radius:22px;background:#f2e7d7;overflow:visible}.view-game .fund-strip span{min-height:86px;padding:16px 17px!important;border:2px solid transparent!important;border-radius:16px;color:#50645e;font-size:14px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.view-game .fund-strip span:nth-child(1){background:var(--cute-sky);border-color:#bedcf5!important}.view-game .fund-strip span:nth-child(2){background:var(--cute-peach);border-color:#f1cbb4!important}.view-game .fund-strip span:nth-child(3){background:var(--cute-mint);border-color:#b9decf!important}.view-game .fund-strip span:nth-child(4){background:var(--cute-yellow);border-color:#ead394!important}.view-game .fund-strip span:hover{transform:translateY(-4px);background:#fff!important;color:#173f38!important;box-shadow:0 10px 22px rgba(82,65,39,.16)}.view-game .fund-strip span:hover b{color:#123e36!important}.view-game .fund-strip b{margin-top:9px;color:#17493f;font-size:22px;font-weight:400}
.view-game .ten-rules{gap:14px}.view-game .room-payout>div{position:relative;min-height:164px;padding:22px;border:2px solid #dfcfb7;border-radius:20px;background:#fffdf8;box-shadow:0 7px 16px rgba(94,72,42,.07);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.view-game .room-payout>div::after{content:'';position:absolute;right:-24px;bottom:-24px;width:82px;height:82px;border-radius:50%;background:rgba(102,188,165,.1)}.view-game .room-payout>div:nth-child(1){background:#edf7ff;border-color:#c5def0}.view-game .room-payout>div:nth-child(2){background:#fff3e9;border-color:#edcfb9}.view-game .room-payout>div:nth-child(3){background:#edf8f2;border-color:#c2dfd2}.view-game .room-payout>div:nth-child(4){background:#fff8dc;border-color:#e9d89e}.view-game .room-payout>div:hover{transform:translateY(-5px);background:#fff!important;border-color:#70b7a4!important;box-shadow:0 13px 28px rgba(59,104,91,.17)}.view-game .room-payout>div:hover b,.view-game .room-payout>div:hover span,.view-game .room-payout>div:hover strong,.view-game .room-payout>div:hover small{color:#173f38!important}.view-game .room-payout b{color:#3f75a0;font-size:18px;font-weight:900}.view-game .room-payout span{margin:9px 0;color:#5b7069;font-size:15px;font-weight:700}.view-game .room-payout strong{color:#163f37;font-size:22px;font-weight:400;line-height:1.4}.view-game .room-payout small{margin-top:9px;color:#687a73;font-size:14px;line-height:1.55;font-weight:700}
.view-game .join-row{gap:18px;padding:26px 28px;background:linear-gradient(90deg,#fff8ea,#f6ead6)}.view-game .join-amount{color:#4c625b;font-size:16px;font-weight:900}.view-game .join-amount .field{min-height:60px;border:2px solid #d8b77d;border-radius:16px;background:#fff;color:#173f38;font:400 25px 'Jua',sans-serif}.view-game .join-amount .field:hover,.view-game .join-amount .field:focus{border-color:#4ba68e}.view-game .join-amount small{color:#6b746f;font-size:13px;font-weight:700}.view-game .join-row .join-round{min-height:60px;border:0;border-radius:16px;background:linear-gradient(135deg,#f1a943,#dc8125);color:#fff;font-size:20px;font-weight:400;text-shadow:0 1px 0 rgba(0,0,0,.12);box-shadow:0 9px 20px rgba(196,119,31,.25)}.view-game .join-row .join-round:hover{background:linear-gradient(135deg,#e3972d,#ca6f16);color:#fff!important;transform:translateY(-2px)}.view-game .join-row .join-round:disabled{opacity:1;background:linear-gradient(135deg,#e8b96f,#d89b4e);color:#fff!important;box-shadow:none}.view-game .room-note{padding:18px 28px 26px;border-top:1px dashed #d9c39f;background:#fffaf0;color:#52665f;font-size:15px;line-height:1.8;font-weight:700}
@media(max-width:780px){.view-game .game-room{border-radius:24px}.view-game .room-kicker{border-radius:22px 22px 0 0;font-size:14px}.view-game .room-title h2{font-size:28px}.view-game .room-price{font-size:31px}.view-game .round-clock strong{font-size:37px}.view-game .round-steps{grid-template-columns:1fr 1fr;gap:7px}.view-game .round-steps li{min-height:76px;padding:12px;font-size:14px}.view-game .round-steps i{width:32px;height:32px}.view-game .fund-strip{grid-template-columns:1fr 1fr;gap:8px}.view-game .fund-strip span{min-height:80px;padding:14px!important}.view-game .fund-strip b{font-size:20px}.view-game .room-payout>div{min-height:146px;padding:19px}.view-game .room-payout b{font-size:17px}.view-game .room-payout span{font-size:14px}.view-game .room-payout strong{font-size:20px}.view-game .room-payout small{font-size:13.5px}.view-game .join-row{padding:20px 18px}.view-game .room-note{padding:17px 18px 22px;font-size:14px}}

/* V13.13 메인 지갑 글자 확대 · 앵무새 30% 축소 */
.view-top .wallet-v8{min-width:330px;padding:22px 24px}
.view-top .wallet-v8>span{font-size:14px!important;font-weight:800;letter-spacing:.15em}
.view-top .wallet-v8>strong{display:block;margin:11px 0 9px;font-size:44px!important;line-height:1}
.view-top .wallet-v8>strong small{margin-left:7px;font-size:15px!important}
.view-top .wallet-v8>p{font-size:15px!important;line-height:1.55;font-weight:700}
.view-top .wallet-v8>.ref-state{display:block;margin-top:13px;font-size:14px!important;line-height:1.5;font-weight:700}
.view-top .parrot-mascot{width:min(92%,450px)!important;max-height:420px;transform:none!important}
@media(max-width:780px){
  .view-top .wallet-v8{min-width:0;padding:20px 19px}
  .view-top .wallet-v8>span{font-size:13px!important}
  .view-top .wallet-v8>strong{margin:10px 0 9px;font-size:36px!important}
  .view-top .wallet-v8>strong small{font-size:14px!important}
  .view-top .wallet-v8>p{font-size:14px!important;line-height:1.65}
  .view-top .wallet-v8>.ref-state{margin-top:12px;font-size:13.5px!important}
  .view-top .hero-visual{height:260px;place-items:end center}
  .view-top .parrot-mascot{width:min(83%,365px)!important;max-height:245px;margin-right:0!important}
}
@media(max-width:420px){
  .view-top .hero-visual{height:240px}
  .view-top .parrot-mascot{width:88%!important;max-height:230px;margin-right:0!important}
}

/* V13.14 회원 이름 표시 · 홈 영문행 정렬 · 교환소/내 정보 리디자인 */
.view-top .hero-text>.eyebrow{
  display:block;width:100%;margin:0;text-align:left!important;
  white-space:nowrap;word-spacing:0;letter-spacing:.13em;line-height:1.5
}
.view-top .wallet-v8>.wallet-name{
  color:#fff!important;font-family:'Jua','Gowun Dodum',sans-serif;
  font-size:22px!important;font-weight:400;letter-spacing:0!important;line-height:1.25
}

/* 교환소 */
.view-dex .dex-page{
  --soft-green:#e3f3eb;--soft-blue:#e8f3fb;--soft-peach:#fff0e2;--soft-yellow:#fff5d7;
  position:relative;overflow:hidden;padding:34px;border:2px solid #d8c39e;border-radius:30px;
  background:radial-gradient(circle at 96% 4%,rgba(239,175,83,.18) 0 90px,transparent 91px),linear-gradient(145deg,#fffdf8,#fbf3e6);
  box-shadow:0 20px 46px rgba(98,72,38,.14);font-family:'Gowun Dodum','Pretendard Variable',sans-serif
}
.view-dex .dex-page>.section-head,.view-profile .member-info>.section-head{
  align-items:center;margin-bottom:24px;padding:0 0 24px;border-bottom:2px dashed #dfcfb7
}
.view-dex .section-head .eyebrow,.view-profile .section-head .eyebrow{font-size:13px;letter-spacing:.14em}
.view-dex .section-head h2,.view-profile .section-head h2{
  margin-top:8px;color:#173f38;font-family:'Jua','Gowun Dodum',sans-serif;font-size:32px;font-weight:400;letter-spacing:-.025em
}
.view-dex .section-head>p,.view-profile .section-head>p{max-width:480px;color:#596c65;font-size:15px;line-height:1.75;text-align:right}
.view-dex .dex-balances{gap:14px;margin-bottom:20px}
.view-dex .dex-balances article{
  min-height:126px;padding:22px;border:2px solid transparent;border-radius:21px;box-shadow:0 8px 18px rgba(87,65,34,.08)
}
.view-dex .dex-balances article:nth-child(1){background:var(--soft-green);border-color:#b9ddcd}
.view-dex .dex-balances article:nth-child(2){background:var(--soft-blue);border-color:#c3ddef}
.view-dex .dex-balances article:nth-child(3){background:var(--soft-yellow);border-color:#ead69b}
.view-dex .dex-balances span{color:#536b63;font-size:14px;font-weight:800}
.view-dex .dex-balances strong{margin-top:13px;color:#173f38;font:400 27px 'Jua','Gowun Dodum',sans-serif}
.view-dex .dex-balances small{font:700 13px 'Gowun Dodum',sans-serif;color:#67746f}
.view-dex .dex-grid{gap:18px}
.view-dex .dex-card,.view-dex .dex-guide{padding:26px;border:2px solid #ddcbae;border-radius:23px;box-shadow:0 10px 24px rgba(83,63,36,.09)}
.view-dex .dex-card{background:#fffdfa}
.view-dex .dex-direction{gap:7px;padding:6px;border:0;border-radius:17px;background:#efe5d6}
.view-dex .dex-direction button{height:52px;border-radius:13px;color:#5b6a65;font-size:15px;font-weight:900}
.view-dex .dex-direction button.active{background:#187565;color:#fff;box-shadow:0 7px 16px rgba(24,117,101,.22)}
.view-dex .dex-input{margin-top:22px;color:#4c625b;font-size:15px;font-weight:900}
.view-dex .dex-input .field{min-height:58px;margin-top:9px;border:2px solid #d8c29e;border-radius:15px;background:#fff;font-size:22px;color:#173f38}
.view-dex .dex-input .field:focus{border-color:#49a48d;box-shadow:0 0 0 4px rgba(73,164,141,.12)}
.view-dex .dex-quote{margin:18px 0;padding:18px;border:0;border-radius:17px;background:#f2eadf}
.view-dex .dex-quote>div{padding:9px 0;color:#596c65;font-size:14px}
.view-dex .dex-quote b{color:#314c45}.view-dex .dex-quote strong{color:#167461;font-size:17px}
.view-dex .dex-card>.btn{min-height:54px;border-radius:15px;font-size:16px}
.view-dex .dex-guide{background:linear-gradient(145deg,#176e60,#3f927b);color:#fff}
.view-dex .dex-guide .eyebrow{color:#d8f8ec}.view-dex .dex-guide h3{font:400 27px 'Jua','Gowun Dodum',sans-serif}
.view-dex .dex-guide>p:not(.eyebrow){color:#e7f4ef;font-size:15px;line-height:1.85}
.view-dex .dex-history{margin-top:18px;border:2px solid #ddcbae;border-radius:22px;background:#fffdfa;box-shadow:0 8px 20px rgba(83,63,36,.07)}
.view-dex .dex-history h3{padding:22px 24px;color:#173f38;font:400 22px 'Jua','Gowun Dodum',sans-serif}

/* 내 정보 */
.view-profile .member-info{
  position:relative;overflow:hidden;padding:34px;border:2px solid #d8c39e;border-radius:30px;
  background:radial-gradient(circle at 96% 3%,rgba(92,175,150,.13) 0 105px,transparent 106px),linear-gradient(145deg,#fffdf8,#faf2e6);
  box-shadow:0 20px 46px rgba(98,72,38,.14);font-family:'Gowun Dodum','Pretendard Variable',sans-serif
}
.view-profile .profile-grid{gap:18px}
.view-profile .profile-card,.view-profile .ref-summary{
  padding:26px;border:2px solid #dcc9aa;border-radius:23px;background:#fffdfa;box-shadow:0 9px 22px rgba(86,64,34,.08)
}
.view-profile .profile-card h3,.view-profile .ref-summary h3,.view-profile .info-tables h3{
  color:#173f38;font-family:'Jua','Gowun Dodum',sans-serif;font-size:22px;font-weight:400
}
.view-profile .profile-card dl{display:grid;gap:7px}
.view-profile .profile-card dl>div{
  min-height:46px;padding:11px 13px;border:0;border-radius:12px;background:#f8f1e7;align-items:center
}
.view-profile .profile-card dl>div:hover{background:#e8f4ee;color:#173f38}
.view-profile .profile-card dt{color:#5e7069;font-size:14px;font-weight:800}
.view-profile .profile-card dd{color:#173f38;font-size:15px;font-weight:800;line-height:1.6}
.view-profile .profile-card .intro-link-row dd span{color:#246e60}
.view-profile .intro-copy{min-height:30px;border-color:#89b9aa;background:#e5f2ec;color:#1c6557;font-size:12px}
.view-profile .intro-copy:hover{background:#176e60;color:#fff}
.view-profile .summary-cards{gap:12px}
.view-profile .summary-cards>div{min-height:118px;padding:20px;border:2px solid transparent;border-radius:18px}
.view-profile .summary-cards>div:nth-child(1){background:#e4f3ec;border-color:#bfddcf}
.view-profile .summary-cards>div:nth-child(2){background:#e9f3fb;border-color:#c7ddea}
.view-profile .summary-cards>div:nth-child(3){background:#fff0e2;border-color:#edcfb4}
.view-profile .summary-cards>div:nth-child(4){background:#fff6d9;border-color:#e9d89f}
.view-profile .summary-cards span{color:#526a62;font-size:14px;font-weight:800}
.view-profile .summary-cards strong{margin-top:12px;color:#173f38;font:400 24px 'Jua','Gowun Dodum',sans-serif}
.view-profile .credit-transfer{margin-top:20px;padding:26px;border:2px solid #bdd8cc;border-radius:23px;background:linear-gradient(145deg,#eef8f3,#e3f1ea);box-shadow:0 9px 22px rgba(54,102,84,.08)}
.view-profile .credit-transfer-head h3{margin-top:8px;color:#173f38;font:400 23px 'Jua','Gowun Dodum',sans-serif}
.view-profile .credit-transfer-head>p{color:#526a62;font-size:14px;line-height:1.7}
.view-profile .credit-transfer-grid{gap:16px}
.view-profile .credit-transfer-grid>article,.view-profile .credit-transfer-grid>form{padding:22px;border:1px solid #c8ded5;border-radius:17px;background:#fffdf9}
.view-profile .credit-transfer-grid article>span,.view-profile .credit-transfer-grid form label{color:#586d65;font-size:14px;font-weight:800}
.view-profile .credit-transfer-grid article>strong{color:#173f38;font:400 27px 'Jua','Gowun Dodum',sans-serif}
.view-profile .credit-transfer-grid .field{min-height:52px;border-radius:13px;background:#fff}
.view-profile .info-tables{gap:18px;margin-top:18px}
.view-profile .info-tables>article{border:2px solid #dcc9aa;border-radius:22px;background:#fffdfa;box-shadow:0 8px 18px rgba(86,64,34,.07)}
.view-profile .info-tables h3{padding:21px 23px}

@media(max-width:780px){
  .view-top .hero-text>.eyebrow{font-size:11px;letter-spacing:.09em;white-space:nowrap}
  .view-top .wallet-v8>.wallet-name{font-size:20px!important}
  .view-dex .dex-page,.view-profile .member-info{padding:21px;border-radius:24px}
  .view-dex .dex-page>.section-head,.view-profile .member-info>.section-head{gap:9px;margin-bottom:20px;padding-bottom:19px}
  .view-dex .section-head h2,.view-profile .section-head h2{font-size:27px}
  .view-dex .section-head>p,.view-profile .section-head>p{text-align:left;font-size:14px}
  .view-dex .dex-balances article{min-height:105px;padding:19px}.view-dex .dex-balances strong{font-size:24px}
  .view-dex .dex-card,.view-dex .dex-guide{padding:20px}.view-dex .dex-direction button{font-size:14px}
  .view-profile .profile-card,.view-profile .ref-summary,.view-profile .credit-transfer{padding:20px}
  .view-profile .profile-card dl>div{display:grid;gap:4px;align-items:start}
  .view-profile .profile-card dd{max-width:100%;text-align:left;overflow-wrap:anywhere}
  .view-profile .profile-card .intro-link-row dd{max-width:100%}
  .view-profile .summary-cards{grid-template-columns:1fr 1fr}
  .view-profile .summary-cards>div{min-height:105px;padding:17px}
  .view-profile .summary-cards strong{font-size:21px}
}
@media(max-width:420px){
  .view-top .hero-text>.eyebrow{font-size:10.5px;letter-spacing:.055em}
  .view-profile .summary-cards{grid-template-columns:1fr}
}

/* V13.30 · 공지, 소개 관계도, 계정 보안 */
.member-notices{margin-bottom:18px;padding:20px 24px;border:1px solid #d5c19e;border-radius:21px;background:#fffaf2;box-shadow:var(--shadow-card)}
.notice-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.notice-title>span{padding:5px 10px;border-radius:999px;background:#176f61;color:#fff;font-size:12px;font-weight:900}.notice-title h2{font:400 21px 'Jua','Gowun Dodum',sans-serif;color:#173f38}
.notice-list{display:grid;gap:8px}.notice-list details{padding:11px 14px;border:1px solid #dfcfb6;border-radius:13px;background:#fffdf9}.notice-list summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;color:#294f47}.notice-list summary time{color:#82918b;font-size:12px}.notice-list details p{margin-top:11px;padding-top:11px;border-top:1px solid #ede2d3;color:#536a62;font-size:14px;line-height:1.8}
.relation-tree,.account-security{margin-top:20px;padding:25px;border:2px solid #dcc9aa;border-radius:23px;background:#fffdfa;box-shadow:0 9px 22px rgba(86,64,34,.08)}
.relation-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.relation-head h3{margin-top:5px;color:#173f38;font:400 23px 'Jua','Gowun Dodum',sans-serif}.relation-head>p{max-width:520px;color:#60736c;font-size:14px;text-align:right}
.tree-canvas{overflow-x:auto;padding:12px 10px 20px;text-align:center}.person-node{min-width:150px;display:inline-grid;grid-template-columns:35px 1fr;gap:0 9px;align-items:center;padding:11px 15px;border:1px solid #d6c4aa;border-radius:16px;background:#fff8ee;box-shadow:0 6px 16px #6e573313;text-align:left}.person-node i{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e4eee9;color:#176f61;font-style:normal;font-weight:900}.person-node b{color:#173f38;font-size:14px}.person-node span{color:#76877f;font-size:11.5px}.person-node.me{border-color:#176f61;background:#176f61}.person-node.me i{background:#fff;color:#176f61}.person-node.me b,.person-node.me span{color:#fff}.tree-parent::after,.tree-me::after{content:"";display:block;width:2px;height:18px;margin:auto;background:#cbb794}.tree-children,.tree-children ul{display:flex;justify-content:center;gap:14px;list-style:none;margin:0;padding:0}.tree-children>li{position:relative;padding-top:18px}.tree-children>li::before{content:"";position:absolute;left:50%;top:0;height:18px;border-left:2px solid #cbb794}.tree-children ul{margin-top:14px;flex-direction:column}.empty-node,.tree-empty{padding:12px;color:#71827b;font-size:13px}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-grid>article{position:relative;padding:21px;border:1px solid #dac8ad;border-radius:18px;background:#fbf5eb}.security-grid h4{margin:12px 0 6px;color:#173f38;font:400 20px 'Jua','Gowun Dodum',sans-serif}.security-grid article>p{min-height:48px;color:#667870;font-size:13px;line-height:1.7}.security-grid form{display:grid;gap:8px;margin-top:14px}.security-grid .field{min-height:46px;background:#fff}.security-grid .btn{min-height:44px}.security-state{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff0d5;color:#965a0a;font-size:11px;font-weight:900}.security-state.on{background:#dff1e8;color:#116a4b}.otp-key{margin-top:14px;padding:14px;border-radius:13px;background:#e6f2ed}.otp-key>b,.otp-key small{display:block}.otp-key code{display:block;margin:8px 0;padding:10px;border-radius:8px;background:#fff;color:#17483f;font-size:14px;word-break:break-all}.otp-key small{color:#587168;line-height:1.6}.otp-register{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:16px;align-items:center;margin:14px 0}.otp-qr{min-height:190px;display:grid;place-items:center;padding:10px;border:1px solid #c9dcd4;border-radius:16px;background:#fff;color:#687a74;text-align:center}.otp-qr canvas{display:block;image-rendering:pixelated}.otp-manual{display:grid;align-content:center;gap:8px;min-width:0}.otp-manual>span{color:#536d64;font-size:13px;line-height:1.6}.otp-manual code{margin:0;font-size:15px;font-weight:900;letter-spacing:.08em}.otp-manual .btn{justify-self:start}.otp-key>small{margin-bottom:12px}
@media(max-width:900px){.security-grid{grid-template-columns:1fr}.relation-head{align-items:start;flex-direction:column}.relation-head>p{text-align:left}.tree-children{justify-content:flex-start}}
@media(max-width:560px){.member-notices{padding:16px}.notice-list summary{align-items:flex-start;flex-direction:column;gap:3px}.relation-tree,.account-security{padding:18px}.tree-canvas{text-align:left}.tree-parent,.tree-me{text-align:center}.tree-children{min-width:max-content}.security-grid>article{padding:17px}.otp-register{grid-template-columns:1fr}.otp-qr{min-height:0}.otp-qr canvas{max-width:210px!important}.otp-manual .btn{width:100%}}

/* V13.60 · 회원 간 FUNA PAY 보내기 및 인원별 혜택 안내 */
.transfer-zone{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--rule-soft)}
.transfer-head,.guide-plan-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.transfer-head h3,.guide-plan-head h2{margin-top:5px;color:#173f38;font:400 24px 'Jua','Gowun Dodum',sans-serif}.transfer-fee{padding:7px 11px;border:1px solid #bdd8ce;border-radius:999px;background:#e7f2ed;color:#116a59;font-size:12px;font-weight:900}
.transfer-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:16px}.receive-card,.transfer-form{padding:22px;border:1px solid #d7c5aa;border-radius:19px;background:#fbf5eb}.receive-card{display:grid;align-content:start;gap:10px}.receive-card>span,.transfer-form label{color:#5e716a;font-size:13px;font-weight:800}.receive-card>strong{color:#173f38;font:400 30px 'Jua','Gowun Dodum',sans-serif;word-break:break-all}.receive-card .btn{justify-self:start}.receive-card small,.transfer-form>small{color:#7b8984;font-size:12px;line-height:1.7}.transfer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.transfer-form label{display:grid;gap:7px}.transfer-form label:last-of-type,.transfer-form .btn,.transfer-form>small{grid-column:1/-1}.transfer-form .field{width:100%;min-height:49px}.transfer-history{margin-top:20px}.transfer-history>h3{margin-bottom:12px;color:#244b43;font-size:17px}
.guide-plans{margin-top:26px;padding:26px;border:2px solid #dbc7a7;border-radius:24px;background:#fffdf9}.guide-plan-head{align-items:start;flex-direction:column;gap:3px}.guide-plan-head>p:last-child{color:#62746d;font-size:14px;line-height:1.7}.guide-plan{margin-top:16px;padding:20px;border:1px solid #dbc9af;border-radius:18px;background:#fbf5eb}.guide-plan.featured{border-color:#8ebbad;background:linear-gradient(145deg,#edf6f1,#fffaf1)}.guide-plan>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.guide-plan>div:first-child b{color:#173f38;font:400 20px 'Jua','Gowun Dodum',sans-serif}.guide-plan>div:first-child span{color:#6c7c76;font-size:13px;font-weight:700}.guide-plan>small{display:block;margin-top:12px;color:#64766f;font-size:12.5px;line-height:1.7}.guide-plan tr.total td{background:#eee4d5;color:#173f38;font-weight:900}.guide-plan-note{margin-top:16px;padding:13px 15px;border-radius:13px;background:#173f38;color:#e8f2ee;font-size:13px;line-height:1.7}
@media(max-width:780px){.transfer-head{align-items:start;flex-direction:column;gap:8px}.transfer-grid{grid-template-columns:1fr}.transfer-form{grid-template-columns:1fr}.transfer-form label,.transfer-form label:last-of-type,.transfer-form .btn,.transfer-form>small{grid-column:1}.guide-plans{padding:18px}.guide-plan{padding:14px}.guide-plan>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.guide-plan .table-wrap{overflow-x:auto}.guide-plan table{min-width:520px}}
/* V15.00 · 게임 신청은 수량과 신청 버튼만 표시 */
.join-row{grid-template-columns:minmax(210px,.8fr) minmax(250px,1.2fr);align-items:end}
.join-security{display:grid;gap:7px;font-weight:800;color:var(--ink)}
.join-security .field{min-width:0}
@media(max-width:760px){.join-row{grid-template-columns:1fr 1fr}.join-row .join-amount,.join-row .btn{grid-column:1/-1}}
@media(max-width:480px){.join-row{grid-template-columns:1fr}.join-row>*{grid-column:1!important}}

/*
 * LOCKED BASELINE · CHAIRS_V1_LOCKED
 * 더드림 회차의 10개 의자형 참가 현황입니다. 이후 기능 패치에서 삭제·이전 진행바형으로 회귀 금지.
 */
.chair-live{margin:0 28px 24px;padding:22px;border:2px solid #d7c29e;border-radius:24px;background:linear-gradient(145deg,#fffdf8,#f5ead9);box-shadow:0 12px 28px rgba(92,67,33,.1)}
.chair-live-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.chair-live-head p{margin:0 0 5px;color:#6a786f;font-size:14px;font-weight:800}.chair-live-head h3{margin:0;color:#173f38;font-size:20px;line-height:1.35}.chair-live-head h3 strong{color:#d37b20;font-size:26px}.chair-live-head>span{flex:0 0 auto;padding:7px 10px;border:1px solid #afd6c9;border-radius:999px;background:#e5f5ef;color:#176e60;font-size:13px;font-weight:900}
.chair-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.chair-seat{position:relative;min-width:0;min-height:154px;padding:14px 8px 12px;border:2px solid;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.chair-seat.occupied{border-color:#72bba6;background:linear-gradient(180deg,#effbf6,#dff3e9);box-shadow:0 8px 18px rgba(43,123,101,.12)}.chair-seat.vacant{border-color:#d9c8ae;background:#fffaf1;color:#897a65}.chair-seat .chair-number{position:absolute;left:9px;top:8px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#5f6f69;font-size:12px;font-weight:900;box-shadow:0 2px 7px #69532a20}.chair-seat i{width:62px;height:62px;margin-bottom:5px;display:block}.chair-seat svg{width:100%;height:100%;fill:none;stroke:#9a8568;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chair-seat.occupied svg{stroke:#176e60}.chair-seat .chair-person{fill:#e8a13e;stroke:#9d611b}.chair-seat b{overflow:hidden;max-width:100%;color:#253f39;font-size:14px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.chair-seat small{margin-top:3px;color:#60736d;font-size:13px;font-weight:800}.chair-seat.vacant small{color:#998873}
.chair-capacity{margin:14px 0 0;padding:11px 13px;border-radius:12px;background:#f2e6d4;color:#5d665f;font-size:14px;line-height:1.55}.chair-capacity b{color:#176e60}
.chair-detail{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.chair-detail>div{min-width:0;padding:17px;border:1px solid #ddceb8;border-radius:16px;background:#fffdf9}.chair-detail h4{margin:0 0 11px;color:#29443d;font-size:16px}.chair-detail ol{max-height:230px;margin:0;padding:0;display:grid;gap:7px;overflow:auto;list-style:none}.chair-detail li{padding:9px 10px;border-radius:10px;background:#f7f0e5;display:flex;justify-content:space-between;gap:12px;color:#66736e;font-size:14px}.chair-detail li b{color:#21463d}.chair-detail li.mine{background:#dff4eb;color:#176e60}.chair-detail li.empty{display:grid}.chair-detail li.empty b{font-size:13px;font-weight:600}.chair-rank-share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chair-rank-share span{padding:10px;border-radius:10px;background:#f7ead8;display:grid;gap:3px}.chair-rank-share b{color:#a65d14;font-size:14px}.chair-rank-share small{color:#6e746e;font-size:12px}.chair-detail>div>p{margin:11px 0 0;color:#747d77;font-size:13px;line-height:1.55}
@media(max-width:780px){.chair-live{margin:0 18px 20px;padding:17px 14px;border-radius:20px}.chair-live-head{align-items:flex-start}.chair-live-head h3{font-size:18px}.chair-live-head h3 strong{font-size:23px}.chair-live-head>span{font-size:12px}.chair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.chair-seat{min-height:132px}.chair-seat:nth-child(9),.chair-seat:nth-child(10){grid-column:auto}.chair-detail{grid-template-columns:1fr}.chair-rank-share{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:781px) and (max-width:1040px){.chair-grid{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto}.chair-seat{min-width:90px}}

/* V14.1 · 내 NFT 보유 수량과 참여 상태를 한눈에 표시 */
.owned-nfts{overflow:hidden;background:linear-gradient(145deg,#fffdf8,#f3e5ce)}
.nft-section-head>p{max-width:600px}.nft-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:22px 0}.nft-overview article{padding:20px 22px;border:1px solid #d8c5a7;border-radius:20px;background:#fffaf1;box-shadow:0 9px 24px rgba(107,81,36,.07)}.nft-overview article.primary{border-color:#277d6b;background:linear-gradient(145deg,#176f61,#164f46);color:#fff}.nft-overview span{display:block;color:#5d7069;font-size:13px;font-weight:900}.nft-overview .primary span{color:#d8ece5}.nft-overview strong{display:block;margin-top:5px;color:#173f38;font-family:var(--f-data);font-size:34px;line-height:1.1}.nft-overview .primary strong{color:#fff}.nft-overview strong small{margin-left:4px;font-family:inherit;font-size:15px}.nft-overview p{margin:8px 0 0;color:#75837e;font-size:12px}.nft-overview .primary p{color:#d7e9e3}
.nft-status-summary{margin:0 0 24px;padding:18px;border:1px solid #d7c4a5;border-radius:20px;background:rgba(255,255,255,.72)}.nft-status-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.nft-status-title h3{margin:0;color:#173f38;font-size:17px}.nft-status-title p{margin:0;color:#687a73;font-size:12px;font-weight:800}.nft-status-items{display:flex;flex-wrap:wrap;gap:9px}.nft-status-item{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:176px;padding:11px 13px;border:1px solid #d9c9af;border-radius:13px;background:#fff}.nft-status-item b{color:#526760;font-size:13px}.nft-status-item strong{color:#173f38;font-family:var(--f-data);font-size:15px}.nft-status-item.carry{border-color:#d6ad61;background:#fff8e6}.nft-status-item.carry b,.nft-status-item.carry strong{color:#875810}.nft-status-item.active{border-color:#7ebaaa;background:#edf8f4}.nft-status-item.active b,.nft-status-item.active strong{color:#176f61}.nft-status-item.selected{border-color:#d2b15f;background:#fff6d6}.nft-status-item.selected b,.nft-status-item.selected strong{color:#7d5708}.nft-status-help{margin:12px 0 0;padding:11px 13px;border-radius:12px;background:#f6ecda;color:#66573e;font-size:12.5px;line-height:1.65}.nft-status-help b{color:#82550d}
.owned-nft-list-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 13px}.owned-nft-list-head h3{margin:0 0 4px;color:#173f38;font-size:18px}.owned-nft-list-head p{margin:0;color:#687a73;font-size:12.5px}.nft-list-toggle{min-height:40px;padding:0 15px;border:1px solid #277d6b;border-radius:12px;background:#fff;color:#176f61;font-weight:900;cursor:pointer}.nft-list-toggle:hover{background:#176f61;color:#fff}
.owned-nft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.owned-nft-grid:not(.show-all) .nft-extra{display:none}.owned-nft-card{display:flex;align-items:center;gap:15px;min-width:0;padding:17px;border:1px solid #d4c09f;border-radius:18px;background:#fff;box-shadow:0 9px 24px #6b512414}.owned-nft-info{display:grid;min-width:0;gap:3px}.owned-nft-card small{color:#718079;font-size:10px;font-weight:800;letter-spacing:.12em}.owned-nft-card strong{overflow:hidden;text-overflow:ellipsis;color:#153f37;font-size:16px;white-space:nowrap}.owned-nft-card code{overflow:hidden;text-overflow:ellipsis;color:#82908a;font-family:var(--f-data);font-size:10px;white-space:nowrap}.owned-nft-card .nft-state{justify-self:start;margin-top:5px;padding:4px 8px;border-radius:999px;background:#edf4f1;color:#26685b;font-size:11px;font-weight:900}.owned-nft-card .nft-state.carry{background:#fff0cc;color:#87580c}.owned-nft-card .nft-state.active{background:#dff2eb;color:#176f61}.owned-nft-card .nft-state.selected{background:#fff0b9;color:#7b570a}.owned-nft-card em{color:#78867f;font-size:10.5px;font-style:normal;line-height:1.4}
.ticket-nft-icon{position:relative;width:58px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:2px solid #167565;border-radius:8px;background:linear-gradient(135deg,#dff1e8,#f8edcf);color:#154c42;font-style:normal;box-shadow:inset 0 0 0 4px #fff8}.ticket-nft-icon::before,.ticket-nft-icon::after{content:"";position:absolute;top:50%;width:10px;height:14px;background:#fff;border:2px solid #167565;border-radius:50%;transform:translateY(-50%)}.ticket-nft-icon::before{left:-7px;border-left:0}.ticket-nft-icon::after{right:-7px;border-right:0}.ticket-nft-icon span{font-family:var(--f-data);font-size:13px;font-weight:900;letter-spacing:.08em}.nft-issuance-note{margin:18px 0 0;padding-top:14px;border-top:1px solid #dfd0b7;color:#78857f;font-size:11.5px;text-align:right}
@media(max-width:920px){.owned-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.nft-overview{grid-template-columns:1fr 1fr;gap:9px}.nft-overview article{padding:16px 14px}.nft-overview strong{font-size:27px}.nft-status-title,.owned-nft-list-head{align-items:flex-start;flex-direction:column}.nft-status-item{width:100%}.nft-list-toggle{width:100%}.owned-nft-grid{grid-template-columns:1fr}.owned-nft-card{padding:15px}.nft-issuance-note{text-align:left}}

/* V13.61 · 회원 Google OTP 설정 안내 */
.otp-guide{margin:20px 0;padding:20px;border:1px solid #d8c49f;border-radius:20px;background:linear-gradient(145deg,#fffdf8,#f6ead6);box-shadow:0 10px 28px #755b2412;color:#183f38}.otp-guide-title{display:flex;align-items:center;gap:12px}.otp-guide-title>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#176f61;color:#fff;font-style:normal;font-family:var(--f-data);font-size:19px;font-weight:900}.otp-guide-title>div{display:grid;gap:3px}.otp-guide-title b{font-size:18px}.otp-guide-title span{color:#65766f;font-size:14px}.otp-guide ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0 12px;padding:0;list-style:none}.otp-guide li{display:flex;align-items:flex-start;gap:9px;min-height:86px;padding:14px;border:1px solid #dfceb0;border-radius:15px;background:#fff}.otp-guide li>b{width:26px;height:26px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#e7b85f;color:#173f38;font-size:13px}.otp-guide li span{font-size:14px;line-height:1.65}.otp-guide>p{margin:0;color:#796844;font-size:13px;font-weight:700}.otp-guide strong{color:#116c5d}
@media(max-width:900px){.otp-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.otp-guide{padding:16px}.otp-guide ol{grid-template-columns:1fr}.otp-guide li{min-height:0}.otp-guide-title b{font-size:17px}}

/* V13.64 · OTP 설정 진행 상태와 오류를 카드 안에 명확히 표시 */
.security-feedback{min-height:22px!important;margin:2px 2px 0!important;color:#176f61!important;font-size:13px!important;font-weight:800!important;line-height:1.55!important}
.security-feedback:empty{display:none}
.security-feedback.bad{padding:9px 11px;border:1px solid #d8948f;border-radius:10px;background:#fff0ee;color:#9d2727!important}
#otpStartButton:disabled{opacity:.72;cursor:wait}

/* V13.68 · 더드림 NFT 혜택 발표 */
.draw-result-button{display:block;margin-top:8px;padding:7px 11px;border:1px solid #c59b51;border-radius:999px;background:#fff5dc;color:#725014;font:800 12px 'Gowun Dodum','Pretendard Variable',sans-serif;cursor:pointer;white-space:nowrap}.draw-result-button:hover{background:#176f61;border-color:#176f61;color:#fff}
body.draw-reveal-open{overflow:hidden}
.draw-reveal-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(18,38,34,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.draw-reveal-dialog{position:relative;overflow:hidden;width:min(920px,100%);max-height:min(880px,calc(100dvh - 32px));display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto;border:2px solid #e0c38a;border-radius:34px;background:radial-gradient(circle at 86% 12%,rgba(239,190,92,.23),transparent 32%),linear-gradient(145deg,#fffdf8,#f4ead8);box-shadow:0 35px 100px rgba(8,28,24,.38)}
.draw-reveal-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 18px}.draw-reveal-dialog>header p{margin:0 0 5px;color:#a26b0e;font-family:var(--f-data);font-size:11px;font-weight:900;letter-spacing:.18em}.draw-reveal-dialog>header h2{margin:0;color:#173f38;font:400 28px 'Jua','Gowun Dodum',sans-serif}.draw-reveal-close{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8c5a7;border-radius:50%;background:#fff;color:#375a52;font-size:28px;line-height:1;cursor:pointer}.draw-reveal-close:hover{background:#173f38;color:#fff}
.draw-reveal-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 28px}.draw-reveal-progress i{height:6px;border-radius:99px;background:#dfd3c0;transition:background .4s,box-shadow .4s}.draw-reveal-progress i.active{background:linear-gradient(90deg,#18806d,#e6ad43);box-shadow:0 0 13px rgba(230,173,67,.5)}
.draw-reveal-main{overflow:auto;display:grid;align-content:center;gap:24px;padding:30px 32px}.draw-stage-copy{text-align:center}.draw-stage-copy>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f3ee;color:#176f61;font-family:var(--f-data);font-size:11px;font-weight:900;letter-spacing:.12em}.draw-stage-copy h3{margin:12px 0 7px;color:#173f38;font:400 34px 'Jua','Gowun Dodum',sans-serif}.draw-stage-copy p{margin:0;color:#63746e;font-size:15px;line-height:1.7}.draw-stage-copy.is-first>span{background:#fff0c9;color:#9b6100}.draw-stage-copy.is-extra>span{background:#e9e2ff;color:#6551a5}
.draw-member-nfts,.draw-shuffle-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-height:250px;overflow:auto;padding:12px}.draw-nft-card{--delay:calc(var(--i) * 24ms);position:relative;min-width:132px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;align-items:center;padding:12px 14px;border:1px solid #d8c4a5;border-radius:16px;background:#fff;box-shadow:0 7px 17px rgba(79,59,29,.09);animation:drawCardIn .45s both;animation-delay:var(--delay)}.draw-nft-card .ticket-nft-icon{grid-row:1/3;width:48px;height:34px}.draw-nft-card b{overflow:hidden;text-overflow:ellipsis;color:#254b43;font-family:var(--f-data);font-size:12px;white-space:nowrap}.draw-nft-card em{color:#19816d;font-size:11px;font-style:normal;font-weight:900}.draw-nft-card.is-mine{border:2px solid #1b856f;background:#eef9f4}.draw-shuffle-grid .draw-nft-card{animation:drawShuffle .3s infinite alternate ease-in-out}.draw-shuffle-grid .draw-nft-card:nth-child(3n){animation-delay:-.13s}.draw-shuffle-grid .draw-nft-card:nth-child(4n){animation-delay:-.22s}
.draw-winner-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.draw-winner-card{position:relative;min-width:190px;display:grid;justify-items:center;gap:10px;padding:24px 20px;border:2px solid #d8bf8c;border-radius:24px;background:linear-gradient(145deg,#fff,#fff5de);box-shadow:0 15px 35px rgba(109,75,22,.15);animation:drawWinnerOpen .75s both}.draw-winner-card>span{padding:5px 11px;border-radius:99px;background:#176f61;color:#fff;font-size:12px;font-weight:900}.draw-winner-card>.ticket-nft-icon{width:74px;height:49px}.draw-winner-card>strong{color:#173f38;font-family:var(--f-data);font-size:17px}.draw-winner-card>b{color:#9c650b;font-size:18px}.draw-winner-card>em{padding:7px 11px;border-radius:99px;background:#1a806b;color:#fff;font-size:12px;font-style:normal;font-weight:900}.draw-winner-card.is-first{border-color:#d99a27;background:radial-gradient(circle at 50% 15%,#fff8d8,#fff 70%);box-shadow:0 0 0 8px rgba(232,177,65,.12),0 20px 45px rgba(135,89,12,.24)}.draw-winner-card.is-extra{border-color:#a997d9;background:linear-gradient(145deg,#fff,#f1edff)}.draw-winner-card.is-mine{animation:drawWinnerOpen .75s both,drawMineGlow 1s .7s infinite alternate;box-shadow:0 0 0 8px rgba(30,167,132,.15),0 20px 55px rgba(19,129,103,.35)}
.draw-finish{text-align:center;padding:28px}.draw-finish>span{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#e4f2ec;color:#176f61;font-size:34px}.draw-finish h3{margin:0;color:#173f38;font:400 36px 'Jua','Gowun Dodum',sans-serif}.draw-finish>p{max-width:640px;margin:12px auto 0;color:#5d7069;font-size:16px;line-height:1.8}.draw-finish.has-benefit>span{background:#fff0c6;box-shadow:0 0 0 12px rgba(231,176,63,.13);animation:drawMineGlow 1s infinite alternate}.draw-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.draw-proof span{padding:8px 12px;border:1px solid #d5c4aa;border-radius:999px;background:#fff;color:#597069;font-size:12px;font-weight:800}
.draw-verify-button{margin-top:18px;padding:12px 24px;border:0;border-radius:14px;background:#176f61;color:#fff;font:800 15px 'Gowun Dodum','Pretendard Variable',sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(23,111,97,.18)}.draw-verify-button:hover{background:#11594e}.draw-verify-button:disabled{opacity:.65;cursor:wait}.draw-verification-result{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:720px;margin:16px auto 0}.draw-verification-result span,.draw-verification-result strong{padding:8px 11px;border-radius:10px;font-size:12px}.draw-verification-result .ok{background:#e3f4ec;color:#0f6955}.draw-verification-result .bad{background:#ffe8e3;color:#a73527}.draw-verification-result strong{flex-basis:100%;font-size:14px}
.draw-reveal-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px 22px;border-top:1px solid #e2d3bd}.draw-live{display:flex;align-items:center;gap:8px;color:#48645c;font-size:13px;font-weight:800}.draw-live i{width:9px;height:9px;border-radius:50%;background:#22b88d;box-shadow:0 0 0 5px rgba(34,184,141,.13);animation:drawPulse 1s infinite}.draw-skip{min-height:42px;padding:0 18px;border:0;border-radius:13px;background:#173f38;color:#fff;font-weight:900;cursor:pointer}.draw-skip:hover{background:#c8871c}
@keyframes drawCardIn{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}@keyframes drawShuffle{from{transform:translateY(-4px) rotate(-1deg);filter:blur(.3px)}to{transform:translateY(4px) rotate(1deg);filter:none}}@keyframes drawWinnerOpen{0%{opacity:0;transform:perspective(700px) rotateY(90deg) scale(.7)}65%{opacity:1;transform:perspective(700px) rotateY(-7deg) scale(1.05)}100%{transform:none}}@keyframes drawMineGlow{from{filter:brightness(1);transform:translateY(0)}to{filter:brightness(1.08);transform:translateY(-4px)}}@keyframes drawPulse{50%{opacity:.45;transform:scale(.75)}}
@media(max-width:640px){.draw-reveal-overlay{padding:8px}.draw-reveal-dialog{max-height:calc(100dvh - 16px);grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:24px}.draw-reveal-dialog>header{padding:18px 18px 14px}.draw-reveal-dialog>header h2{font-size:22px}.draw-reveal-progress{padding:0 18px}.draw-reveal-main{align-content:start;padding:22px 15px}.draw-stage-copy h3{font-size:27px}.draw-stage-copy p{font-size:14px}.draw-member-nfts,.draw-shuffle-grid{display:grid;grid-template-columns:1fr 1fr;max-height:none;padding:4px}.draw-nft-card{min-width:0;grid-template-columns:38px minmax(0,1fr);padding:10px}.draw-nft-card .ticket-nft-icon{width:38px;height:29px}.draw-winner-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.draw-winner-card{min-width:0;padding:18px 10px}.draw-winner-card>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px}.draw-winner-card>b{font-size:15px}.draw-finish{padding:18px 4px}.draw-finish h3{font-size:28px}.draw-finish>p{font-size:14px}.draw-reveal-dialog>footer{padding:13px 18px calc(15px + env(safe-area-inset-bottom))}.draw-live{font-size:11px}.draw-skip{padding:0 13px}}
@media(prefers-reduced-motion:reduce){.draw-nft-card,.draw-shuffle-grid .draw-nft-card,.draw-winner-card,.draw-winner-card.is-mine,.draw-finish.has-benefit>span,.draw-live i{animation:none!important}.draw-reveal-progress i{transition:none}}

/* V15.00 · 혜택 발표 마지막 단계는 개수 요약만 표시 */
.draw-result-comment{font-weight:800}.draw-my-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:720px;margin:20px auto 0}.draw-my-summary span{padding:11px 12px;border:1px solid #d8c7ad;border-radius:13px;background:#fff;color:#63746e;font-size:12px;font-weight:800}.draw-my-summary b{display:block;margin-top:3px;color:#173f38;font-family:var(--f-data);font-size:17px}.draw-my-summary .benefit{border-color:#d3a64b;background:#fff4ce;color:#865a0a}.draw-my-summary .benefit b{color:#8c5d05}
@media(max-width:640px){.draw-my-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.draw-my-summary span{padding:9px 5px;font-size:10px}.draw-my-summary b{font-size:14px}.draw-result-comment{font-size:14px!important}}

/* V13.71 · 더드림 소개 관계도 글자 대비 */
.view-profile .relation-tree .person-node,.view-profile .relation-tree .person-node.me{border-color:#bda982!important;background:#fffaf1!important;color:#111!important}
.view-profile .relation-tree .person-node b,.view-profile .relation-tree .person-node span,.view-profile .relation-tree .person-node.me b,.view-profile .relation-tree .person-node.me span{color:#111!important;text-shadow:none!important;opacity:1!important}
.view-profile .relation-tree .person-node i,.view-profile .relation-tree .person-node.me i{background:#dcece5!important;color:#111!important}
.view-profile .relation-tree .empty-node,.view-profile .relation-tree .tree-empty{color:#111!important}

/* V13.72 · 관계도 이름을 테마/캐시와 무관하게 검정색으로 고정 */
.relation-tree .relation-person-name,.relation-tree .relation-person-id{color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important;text-shadow:none!important}
.credit-history{margin-top:18px;padding-top:18px;border-top:1px solid #c8ded5}.credit-history h3{margin:0 0 13px;color:#173f38;font:400 20px 'Jua','Gowun Dodum',sans-serif}.credit-history code{color:#173f38;font-family:var(--f-data);font-size:12px}
.credit-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.credit-history-summary span{padding:13px;border:1px solid #c8ded5;border-radius:13px;background:#fffdf9;color:#586d65;font-size:13px}.credit-history-summary b{display:block;margin-top:4px;color:#173f38;font-size:17px}@media(max-width:720px){.credit-history-summary{grid-template-columns:1fr}}

/* V14.3 · 나의 혜택 이력 */
.history-benefit,.history-no-benefit{display:block;color:#176f61;font-size:13px}.history-no-benefit{color:#687871}
.benefit-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 18px}.benefit-history-summary article{padding:17px 18px;border:1px solid #d8c7aa;border-radius:17px;background:#fff}.benefit-history-summary span{display:block;color:#677971;font-size:12px;font-weight:800}.benefit-history-summary strong{display:flex;align-items:baseline;gap:5px;margin-top:7px;color:#173f38;font-family:var(--f-data);font-size:25px}.benefit-history-summary small{font-family:'Gowun Dodum','Pretendard Variable',sans-serif;font-size:11px}.benefit-history-summary .payout{border-color:#d1a753;background:linear-gradient(145deg,#fff8dd,#fff)}.benefit-history-summary .payout strong{color:#8e5e08;font-size:21px}
.benefit-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.benefit-history-card{overflow:hidden;padding:18px;border:1px solid #d6c6ad;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(82,61,27,.08)}.benefit-history-card.has-benefit{border:2px solid #d2a341;background:linear-gradient(145deg,#fff9df,#fff 72%)}.benefit-history-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.benefit-history-card>header span{display:inline-flex;padding:4px 8px;border-radius:99px;background:#edf4f1;color:#477068;font-size:10px;font-weight:900}.benefit-history-card h3{margin:7px 0 0;color:#173f38;font-size:17px}.benefit-history-result{flex:0 0 auto;padding:7px 10px;border-radius:10px;background:#edf2f0;color:#5d6e68;font-size:12px}.has-benefit .benefit-history-result{background:#f4d98e;color:#784f05}
.benefit-history-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0 11px}.benefit-history-counts span{padding:9px 7px;border:1px solid #e0d5c2;border-radius:11px;background:#fafbfa;color:#697872;font-size:10px;font-weight:800;text-align:center}.benefit-history-counts b{display:block;margin-top:3px;color:#344f48;font-family:var(--f-data);font-size:13px}.benefit-history-counts .benefit{border-color:#dec176;background:#fff7d9;color:#85600f}.benefit-history-counts .benefit b{color:#865a08}.benefit-history-message{min-height:42px;margin:0;padding:10px 11px;border-radius:11px;background:#f2f6f4;color:#61716b;font-size:11px;line-height:1.6}.has-benefit .benefit-history-message{background:#fff4cd;color:#765613}.benefit-history-message b{overflow-wrap:anywhere}.benefit-history-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.benefit-history-card>footer>span{color:#64766f;font-size:11px;font-weight:800}.benefit-history-card>footer>span b{display:block;margin-top:3px;color:#176f61;font-family:var(--f-data);font-size:14px}.benefit-history-card .draw-result-button{margin:0}
@media(max-width:900px){.benefit-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-history-list{grid-template-columns:1fr}}@media(max-width:540px){.benefit-history-summary{gap:8px}.benefit-history-summary article{padding:14px}.benefit-history-summary strong{font-size:21px}.benefit-history-card{padding:15px}.benefit-history-card>header{align-items:flex-start;flex-direction:column}.benefit-history-result{align-self:flex-start}.benefit-history-card>footer{align-items:stretch;flex-direction:column}.benefit-history-card .draw-result-button{width:100%;min-height:40px}.benefit-history-message{min-height:0}}

/* V14.5 · 비혜택 NFT 상태를 중립 색상으로 표시 */
.nft-status-item.no-benefit{border-color:#cfd8d4;background:#f5f7f6}.nft-status-item.no-benefit b,.nft-status-item.no-benefit strong{color:#5f7069}.owned-nft-card .nft-state.no-benefit{background:#e9eeec;color:#5d6d67}

/* V14.6 · 외부 크레딧 가져오기 버튼 묶음 */
.credit-import-actions{display:grid;gap:10px}.credit-import-actions .btn{margin:0}.credit-import-actions .ainos-credit-button{border-color:#6da899;background:#edf8f4;color:#176f61;-webkit-text-fill-color:#176f61}.credit-import-actions .ainos-credit-button:hover{background:#176f61;color:#fff;-webkit-text-fill-color:#fff}

/* V14.13 · 보상자 공개 카드 */
.draw-winner-card{overflow:visible;animation-delay:calc(var(--winner-index,0) * 120ms)}
.draw-winner-card.is-mine{animation-delay:calc(var(--winner-index,0) * 120ms),calc(.7s + var(--winner-index,0) * 120ms)}
.draw-winner-card>.draw-public-selected{padding:7px 12px;border-radius:999px;background:#edf4f1;color:#176f61;font-size:12px;font-style:normal;font-weight:900}
.draw-winner-card>.draw-mine-match{margin-top:-4px;color:#16725f;font-size:11px;font-weight:900}
@media(prefers-reduced-motion:reduce){.draw-winner-card{animation-delay:0s!important}}

/* V14.14 · 보유 NFT는 상세 카드 대신 일련번호만 표시 */
.owned-nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px}
.owned-nft-serial{min-width:0;display:flex;align-items:baseline;justify-content:center;gap:3px;padding:13px 9px;border:1px solid #cfb98f;border-radius:13px;background:#fffdf8;color:#173f38;box-shadow:0 5px 14px rgba(82,61,27,.07)}
.owned-nft-serial b{overflow:hidden;text-overflow:ellipsis;font-family:var(--f-data);font-size:20px;line-height:1;white-space:nowrap}
.owned-nft-serial small{color:#718079;font-size:10px;font-weight:900}
@media(max-width:620px){.owned-nft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.owned-nft-serial{padding:12px 5px}.owned-nft-serial b{font-size:17px}}
@media(max-width:390px){.owned-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V15.00 · 실제 당첨 회원에게만 보이는 DONATION 보상 축하 화면 */
.draw-private-reward{position:relative;isolation:isolate;overflow:hidden;width:min(720px,100%);margin:auto;padding:30px;border:2px solid #e9bc55;border-radius:30px;background:radial-gradient(circle at 50% 16%,rgba(255,220,116,.34),transparent 26%),linear-gradient(145deg,#167565,#0b493f 70%);box-shadow:0 0 0 10px rgba(231,176,63,.12),0 25px 60px rgba(8,61,51,.34);color:#fff;text-align:center;animation:drawPrivateRewardIn .7s both}
.draw-private-reward::before,.draw-private-reward::after{content:"";position:absolute;z-index:-1;width:230px;height:230px;border-radius:50%;background:rgba(255,215,103,.12);filter:blur(2px)}.draw-private-reward::before{left:-120px;top:-110px}.draw-private-reward::after{right:-130px;bottom:-140px}
.draw-private-reward>img{width:150px;height:150px;display:block;margin:0 auto 2px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(3,34,28,.24));animation:drawPrivateDonationFloat 1.35s ease-in-out infinite alternate}
.draw-private-reward>p{display:inline-flex;margin:0;padding:6px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);color:#effff9;font-size:11px;font-weight:900;letter-spacing:.04em}
.draw-private-reward>h3{margin:11px 0 0;color:#fff;font:400 35px 'Jua','Gowun Dodum',sans-serif}.draw-private-reward-title{display:block;margin-top:2px;color:#ffd568;font:400 46px 'Jua','Gowun Dodum',sans-serif;text-shadow:0 4px 0 rgba(70,40,0,.2),0 0 25px rgba(255,211,94,.48);animation:drawPrivateTitlePop .82s .22s both}
.draw-private-reward-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:590px;margin:19px auto 0}.draw-private-reward-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:12px 14px;border:1px solid rgba(255,225,148,.75);border-radius:15px;background:#fffaf1;color:#173f38;text-align:left;box-shadow:0 8px 20px rgba(0,37,30,.16);animation:drawPrivateItemIn .55s calc(.55s + var(--reward-order,0) * 120ms) both}.draw-private-reward-item>span{grid-column:1/-1;justify-self:start;padding:4px 8px;border-radius:999px;background:#fff0c3;color:#8a5b08;font-size:10px;font-weight:900}.draw-private-reward-item>b{overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.draw-private-reward-item>strong{justify-self:end;color:#13715f;font-family:var(--f-data);font-size:13px;white-space:nowrap}
.draw-private-reward-total{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px auto 0;color:#eafff8}.draw-private-reward-total span{font-size:12px;font-weight:800}.draw-private-reward-total b{color:#ffd568;font-family:var(--f-data);font-size:21px}
.draw-private-reward-stay{display:block;margin:12px 0 0;color:#d8f4ea;font-size:11px;font-weight:800;line-height:1.5}.draw-winner-detail{width:min(720px,100%);margin:0 auto;padding:24px 22px;border:1px solid #ddc89e;border-radius:24px;background:rgba(255,253,248,.94);box-shadow:0 14px 32px rgba(76,54,19,.1)}.draw-winner-detail h3{font-size:27px}
.draw-private-confetti{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.draw-private-confetti i{--x:50%;--delay:0s;position:absolute;left:var(--x);top:-12%;width:9px;height:20px;border-radius:3px;background:#ffd25d;animation:drawPrivateConfetti 2.2s var(--delay) ease-in infinite}.draw-private-confetti i:nth-child(2){--x:15%;--delay:.18s;background:#ff7b63;transform:rotate(24deg)}.draw-private-confetti i:nth-child(3){--x:28%;--delay:.72s;background:#5cdbc0}.draw-private-confetti i:nth-child(4){--x:42%;--delay:.38s;background:#fff}.draw-private-confetti i:nth-child(5){--x:61%;--delay:.9s;background:#ff806d}.draw-private-confetti i:nth-child(6){--x:74%;--delay:.3s;background:#70dfc6}.draw-private-confetti i:nth-child(7){--x:87%;--delay:.66s;background:#fff}.draw-private-confetti i:nth-child(8){--x:95%;--delay:.08s;background:#ffd25d}
@keyframes drawPrivateRewardIn{0%{opacity:0;transform:scale(.72) translateY(28px)}65%{opacity:1;transform:scale(1.025) translateY(-3px)}100%{transform:none}}@keyframes drawPrivateDonationFloat{from{transform:translateY(2px) rotate(-2deg)}to{transform:translateY(-7px) rotate(2deg)}}@keyframes drawPrivateTitlePop{0%{opacity:0;transform:scale(.35) rotate(-7deg)}70%{opacity:1;transform:scale(1.12) rotate(2deg)}100%{transform:none}}@keyframes drawPrivateItemIn{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:none}}@keyframes drawPrivateConfetti{0%{opacity:0;transform:translateY(-20px) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translateY(560px) rotate(420deg)}}
@media(max-width:640px){.draw-private-reward{padding:22px 13px;border-radius:24px}.draw-private-reward>img{width:118px;height:118px}.draw-private-reward>h3{font-size:28px}.draw-private-reward-title{font-size:38px}.draw-private-reward-items{grid-template-columns:1fr;gap:7px;margin-top:14px}.draw-private-reward-item{padding:10px 11px}.draw-private-reward-total{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.draw-private-reward,.draw-private-reward>img,.draw-private-reward-title,.draw-private-reward-item,.draw-private-confetti i{animation:none!important}}

/* V15.00 · 설치 앱 로딩 GIF 및 홈페이지 왼쪽 상단 로고 */
.funation-app-loading>img{display:none}.funation-app-loading>span{display:block}
html.funation-standalone .funation-app-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:15px;padding:24px;background:#f7efdf;color:#31564e;text-align:center}
html.funation-standalone .funation-app-loading>img{width:min(290px,72vw);height:auto;display:block;border-radius:28px;box-shadow:0 18px 45px rgba(28,82,70,.16);animation:funationLoadingGift 1.1s ease-in-out infinite alternate}
html.funation-standalone .funation-app-loading>span{font-size:14px;font-weight:900}
.ui-brand-mark{overflow:hidden;border-radius:14px;background:#f7efdf url('donation.gif?v=15.00') center/cover no-repeat!important;box-shadow:0 7px 18px rgba(18,107,92,.2)}.ui-brand-mark>i,.ui-brand-mark>b{display:none!important}
@keyframes funationLoadingGift{from{transform:scale(.985);filter:brightness(.99)}to{transform:scale(1.015);filter:brightness(1.04)}}
@media(prefers-reduced-motion:reduce){html.funation-standalone .funation-app-loading>img{animation:none!important}}

/* V15.00 · THE DREAM DEX PRO */
.view-dex{background:#09090b;color:#f7f7fa}
.view-dex::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(252,114,255,.14),transparent 38%),radial-gradient(circle at 92% 28%,rgba(120,84,255,.09),transparent 32%)}
.view-dex .site-head{border-color:#29292f;background:rgba(10,10,12,.88);box-shadow:0 8px 30px rgba(0,0,0,.24)}.view-dex .ui-brand-copy strong{color:#f3f3f6}.view-dex .ui-brand-copy small{color:#d57ada}.view-dex .main-nav button{color:#92929d}.view-dex .main-nav button:hover{background:#ffffff08;color:#fff}.view-dex .main-nav button.active{border-color:#fc72ff;background:linear-gradient(180deg,transparent,rgba(252,114,255,.08));color:#ff9dff}.view-dex .pill-bal{border-color:#34343b;background:#1a1a1f;box-shadow:none}.view-dex .pill-bal>.ui-icon{background:linear-gradient(145deg,#fc72ff,#895dff)}.view-dex .pill-bal em,.view-dex .pill-bal b{color:#f1f1f5}.view-dex .pill-bal small{color:#dc87e2}.view-dex .logout-btn{border-color:#34343b;background:#1a1a1f;color:#c9c9d0}.view-dex .site-foot{border-color:#28282e;color:#72727d}
.view-dex .page{--dex-panel:#141417;--dex-raised:#1b1b20;--dex-soft:#24242a;--dex-line:#2d2d34;--dex-text:#f7f7fa;--dex-muted:#9999a5;--dex-pink:#fc72ff;--dex-purple:#8b5cf6;--dex-green:#5ee4a7;width:min(1220px,calc(100% - 32px));padding-top:28px}
.view-dex .dex-pro{position:relative;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:'Pretendard Variable','Pretendard',sans-serif}
.dex-pro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:4px 2px}.dex-pro-head .eyebrow{color:var(--dex-pink);font:700 12px 'Azeret Mono',monospace;letter-spacing:.18em}.dex-pro-head h2{margin-top:7px;color:var(--dex-text);font-size:38px;font-weight:750;letter-spacing:-.045em}.dex-pro-head>div:first-child>p:last-child{margin-top:9px;color:var(--dex-muted);font-size:15px}
.dex-pair-status{display:grid;justify-items:end;gap:5px}.dex-pair-status>b{color:var(--dex-text);font:700 17px 'Azeret Mono',monospace}.dex-pair-status>small{color:#777783;font-size:12px}.dex-live{display:inline-flex;align-items:center;gap:7px;color:#ff9f9f;font-size:12px;font-weight:800}.dex-live i{width:8px;height:8px;border-radius:50%;background:#ff5d6c;box-shadow:0 0 0 5px rgba(255,93,108,.1)}.dex-live.on{color:var(--dex-green)}.dex-live.on i{background:var(--dex-green);box-shadow:0 0 0 5px rgba(94,228,167,.1)}
.dex-market-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.dex-market-strip article{min-width:0;padding:17px 18px;border:1px solid var(--dex-line);border-radius:18px;background:rgba(20,20,23,.84);box-shadow:0 14px 34px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.dex-market-strip span{display:block;color:var(--dex-muted);font-size:12px}.dex-market-strip strong{display:block;overflow:hidden;margin-top:10px;color:var(--dex-text);font:650 20px 'Azeret Mono',monospace;text-overflow:ellipsis;white-space:nowrap}.dex-market-strip strong small{color:#787884;font-size:11px}.dex-market-strip em{display:block;margin-top:7px;color:#777783;font-size:11px;font-style:normal}.dex-market-strip em.up{color:var(--dex-green)}.dex-market-strip em.down{color:#ff7483}
.dex-pro-layout{display:grid;grid-template-columns:minmax(440px,.92fr) minmax(380px,1.08fr);gap:18px;align-items:start}.dex-swap-card,.dex-market-card{border:1px solid var(--dex-line);border-radius:26px;background:rgba(20,20,23,.94);box-shadow:0 24px 70px rgba(0,0,0,.32)}.dex-swap-card{padding:10px}.dex-card-title{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 16px}.dex-card-title h3{color:var(--dex-text);font-size:19px}.dex-card-title span{display:block;margin-top:4px;color:var(--dex-muted);font-size:12px}.dex-settings-toggle{width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:#a5a5b1;font-size:18px;cursor:pointer}.dex-settings-toggle:hover,.dex-settings-toggle[aria-expanded="true"]{background:var(--dex-soft);color:#fff}
.dex-settings-panel{margin:0 2px 10px;padding:15px;border:1px solid var(--dex-line);border-radius:16px;background:#111114}.dex-settings-panel[hidden]{display:none}.dex-settings-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.dex-settings-panel b{color:#efeff4;font-size:13px}.dex-settings-panel small{color:#787884;font-size:11px}.slippage-options{display:flex;gap:7px;margin-top:13px}.slippage-options>button,.slippage-options label{height:38px;border:1px solid var(--dex-line);border-radius:11px;background:var(--dex-raised);color:#b9b9c3}.slippage-options>button{min-width:58px;padding:0 12px;font-weight:750;cursor:pointer}.slippage-options>button.active{border-color:rgba(252,114,255,.7);background:rgba(252,114,255,.12);color:#ffa5ff}.slippage-options label{display:flex;align-items:center;flex:1;min-width:95px;padding:0 10px}.slippage-options input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;text-align:right}.slippage-options label span{font-size:12px}
.dex-token-box{padding:18px;border:1px solid transparent;border-radius:20px;background:var(--dex-raised);transition:border-color .18s,background .18s}.dex-token-box:focus-within{border-color:#484852;background:#1e1e23}.dex-token-box>div:first-child{display:flex;justify-content:space-between;gap:14px;color:var(--dex-muted);font-size:12px}.dex-token-box>div:first-child small{font-size:12px}.dex-token-box>div:first-child b{color:#c9c9d0}.dex-token-box>div:last-child{display:flex;align-items:center;gap:10px;margin-top:11px}.dex-token-box input,.dex-token-box output{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--dex-text);font:500 34px/1.2 'Azeret Mono',monospace;letter-spacing:-.04em}.dex-token-box input::placeholder{color:#56565f}.dex-token-box output{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-token-to{background:#17171b}.dex-token-to output{color:#bfbfc8}
.dex-token{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 10px 7px 7px;border:1px solid #34343c;border-radius:999px;background:#29292f;color:#fff}.dex-token i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font:800 12px 'Azeret Mono',monospace;font-style:normal}.dex-token i.funa{background:linear-gradient(145deg,#ff73fa,#9a55ff)}.dex-token i.race{background:linear-gradient(145deg,#4f8cff,#34d6d2)}.dex-token b{font:750 14px 'Azeret Mono',monospace}.dex-max{margin-left:auto;padding:6px 7px;border:0;border-radius:8px;background:rgba(252,114,255,.12);color:#ff94ff;font-size:11px;font-weight:850;cursor:pointer}
.dex-flip{position:relative;z-index:2;width:42px;height:42px;display:grid;place-items:center;margin:-8px auto;border:4px solid var(--dex-panel);border-radius:14px;background:#2a2a30;color:#fff;font-size:20px;cursor:pointer;transition:transform .2s,background .2s}.dex-flip:hover{transform:rotate(180deg);background:#383840}
.dex-quote-state{display:flex;align-items:center;gap:8px;min-height:42px;margin:10px 4px 4px;padding:0 9px;color:var(--dex-muted);font-size:12px}.dex-quote-state i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#65656f}.dex-quote-state span{flex:1}.dex-quote-state>b{color:#d9d9e0;font:700 11px 'Azeret Mono',monospace}.dex-quote-state.loading i{background:#ffc266;animation:dexPulse 1s infinite}.dex-quote-state.ready{color:#bdeed7}.dex-quote-state.ready i{background:var(--dex-green);box-shadow:0 0 0 5px rgba(94,228,167,.08)}.dex-quote-state.bad,.dex-quote-state.expired,.dex-quote-state.blocked{color:#ff9ca6}.dex-quote-state.bad i,.dex-quote-state.expired i,.dex-quote-state.blocked i{background:#ff6675}@keyframes dexPulse{50%{opacity:.3}}
.dex-quote-details{margin:3px 4px 12px;padding:13px 14px;border-radius:15px;background:#101013}.dex-quote-details>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;color:#858590;font-size:12px}.dex-quote-details b{color:#c5c5cd;font-weight:650;text-align:right}.dex-security{margin:0 4px 11px;border:1px solid var(--dex-line);border-radius:15px;background:#111114}.dex-security summary{display:flex;justify-content:space-between;gap:15px;padding:13px 14px;color:#d5d5dc;font-size:12px;font-weight:750;cursor:pointer}.dex-security summary b{color:#888895;font-size:11px}.dex-security>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 12px 12px}.dex-security label{display:grid;gap:6px;color:#858590;font-size:11px}.dex-security .field{min-height:45px;border:1px solid var(--dex-line);border-radius:11px;background:#1b1b20;color:#fff}.dex-security .field:focus{border-color:#8757a5;box-shadow:0 0 0 3px rgba(252,114,255,.08)}
.dex-agree{display:flex;align-items:flex-start;gap:9px;margin:8px 7px 12px;color:#8e8e99;font-size:11.5px;line-height:1.5}.dex-agree input{margin-top:2px;accent-color:var(--dex-pink)}.dex-submit{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;border:0;border-radius:18px;background:linear-gradient(110deg,#fa68ff,#9b62ff);box-shadow:0 12px 30px rgba(214,91,255,.18);color:#15071a;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer}.dex-submit:hover:not(:disabled){filter:brightness(1.08)}.dex-submit:disabled{background:#27272d;box-shadow:none;color:#666672;cursor:not-allowed}.dex-submit.setup{background:#28282e;color:#eeeef3}.dex-limit{padding:12px 4px 4px;color:#686873;font-size:11px;text-align:center}
.dex-market-card{overflow:hidden;padding:24px}.dex-chart-head{display:flex;justify-content:space-between;gap:20px}.dex-chart-head span{display:block;color:var(--dex-muted);font-size:12px}.dex-chart-head strong{display:block;margin-top:7px;color:#fff;font:650 30px 'Azeret Mono',monospace}.dex-chart-head em{align-self:flex-start;padding:7px 9px;border-radius:9px;background:rgba(94,228,167,.1);color:var(--dex-green);font-size:12px;font-style:normal}.dex-chart-head em.down{background:rgba(255,102,117,.1);color:#ff7b88}.dex-mini-chart{position:relative;height:220px;margin:18px -7px 14px}.dex-mini-chart svg{width:100%;height:190px;overflow:visible}.dex-mini-chart .area{fill:url(#dexArea)}.dex-mini-chart .line{fill:none;stroke:var(--dex-pink);stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(252,114,255,.36))}.dex-mini-chart circle{fill:#151518;stroke:#ff8cff;stroke-width:2;vector-effect:non-scaling-stroke}.dex-mini-chart>span{position:absolute;left:6px;bottom:0;color:#666672;font-size:11px}.dex-chart-empty{height:190px;display:grid;place-items:center;border:1px dashed var(--dex-line);border-radius:16px;color:#6e6e79;font-size:12px}.dex-market-card dl{display:grid;gap:0;margin-top:5px;border-top:1px solid var(--dex-line)}.dex-market-card dl>div{display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid #25252b}.dex-market-card dt{color:#858590;font-size:12px}.dex-market-card dd{color:#d8d8df;font-size:12px;font-weight:700;text-align:right}.dex-market-card>a{display:flex;justify-content:space-between;margin-top:17px;padding:14px 15px;border:1px solid var(--dex-line);border-radius:13px;color:#c8c8d0;font-size:12px;font-weight:750;text-decoration:none}.dex-market-card>a:hover{border-color:#5c4165;background:#1c1920;color:#fff}
.view-dex .dex-history{margin-top:18px;overflow:hidden;border:1px solid var(--dex-line);border-radius:22px;background:rgba(20,20,23,.92);box-shadow:0 18px 50px rgba(0,0,0,.25)}.dex-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:21px 22px;border-bottom:1px solid var(--dex-line)}.view-dex .dex-history-head h3{padding:0;color:#fff;font:750 20px 'Pretendard Variable',sans-serif}.dex-history-head .eyebrow{color:#a879bb;font-size:10px}.dex-history-head>span{color:#777783;font-size:12px}.view-dex .dex-history table{min-width:860px}.view-dex .dex-history th{background:#111114;color:#777783}.view-dex .dex-history td{border-color:#27272d;color:#bdbdc6}.view-dex .dex-history code{color:#8f8f9b;font:11px 'Azeret Mono',monospace}.dex-route-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#27242b;color:#f2b9f4;font-size:11px;font-weight:750}.dex-done{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(94,228,167,.1);color:var(--dex-green);font-size:11px;font-weight:800}.view-dex .dex-history .empty{color:#8d8d98}.view-dex .dex-history .empty b{color:#d8d8df}
.dex-confirm-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px)}.dex-confirm{position:relative;width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border:1px solid #34343c;border-radius:28px;background:#17171b;box-shadow:0 34px 100px rgba(0,0,0,.55);color:#f6f6f9;text-align:center}.dex-confirm-x{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:11px;background:#24242a;color:#aaaab4;font-size:22px;cursor:pointer}.dex-confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:17px;background:linear-gradient(145deg,#fa68ff,#8f5cff);color:#17091a;font-size:25px;font-weight:900}.dex-confirm .eyebrow{color:#d87be1;font:700 10px 'Azeret Mono',monospace;letter-spacing:.15em}.dex-confirm h2{margin-top:7px;font-size:24px}.dex-confirm-flow{display:grid;gap:7px;margin:21px 0}.dex-confirm-flow>div{padding:15px;border-radius:15px;background:#202026;text-align:left}.dex-confirm-flow span{display:block;color:#858590;font-size:11px}.dex-confirm-flow strong{display:block;margin-top:6px;font:650 24px 'Azeret Mono',monospace}.dex-confirm-flow strong small{font-size:12px}.dex-confirm-flow>i{font-style:normal;color:#777783}.dex-confirm dl{margin-bottom:16px;padding:13px 15px;border-radius:15px;background:#101013}.dex-confirm dl>div{display:flex;justify-content:space-between;gap:18px;padding:7px 0;font-size:12px}.dex-confirm dt{color:#81818c}.dex-confirm dd{color:#d7d7de;text-align:right}.dex-confirm code{word-break:break-all}.dex-confirm-error{min-height:18px;margin:8px 0;color:#ff8793;font-size:12px}.dex-confirm-submit,.dex-confirm-cancel{width:100%;min-height:51px;border:0;border-radius:15px;font-weight:850;cursor:pointer}.dex-confirm-submit{background:linear-gradient(110deg,#fa68ff,#9b62ff);color:#17091a}.dex-confirm-submit:disabled{opacity:.55}.dex-confirm-cancel{margin-top:8px;background:#25252b;color:#aaaab5}.dex-success-mark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:rgba(94,228,167,.12);color:var(--dex-green);font-size:30px}.dex-success-amount{display:block;margin:20px 0;color:#fff;font:700 30px 'Azeret Mono',monospace}.dex-success-amount small{font-size:13px}
@media(max-width:900px){.dex-pro-layout{grid-template-columns:minmax(0,1fr)}.dex-market-strip{grid-template-columns:1fr 1fr}.dex-market-card{order:2}}
/* DEX_MOBILE_FIT_LOCKED: 모든 DEX 카드와 표는 모바일 화면 폭 안에서 표시합니다. */
@media(max-width:780px){body.view-dex{max-width:100%;overflow-x:hidden}.view-dex .page{width:100%;max-width:100%;padding:12px 8px 90px;overflow:hidden}.view-dex .dex-pro,.view-dex .dex-pro-layout,.view-dex .dex-market-strip,.view-dex .dex-swap-card,.view-dex .dex-market-card,.view-dex .dex-history{width:100%;min-width:0;max-width:100%}.view-dex .dex-pro{padding:0;border-radius:0}.view-dex .tabbar{border-color:#3a3a42;background:rgba(25,25,29,.94);box-shadow:0 14px 40px rgba(0,0,0,.55)}.view-dex .tabbar button{color:#aaaab4}.view-dex .tabbar button:hover{background:#2a2a30;color:#fff}.view-dex .tabbar button.active{background:linear-gradient(145deg,#fc72ff,#8d5eff);color:#160918}.dex-pro-head{align-items:flex-start;flex-direction:column;gap:14px;padding:5px 7px}.dex-pro-head h2{font-size:31px}.dex-pair-status{max-width:100%;justify-items:start}.dex-pair-status>small{max-width:100%;overflow-wrap:anywhere}.dex-market-strip{gap:7px}.dex-market-strip article{padding:14px;border-radius:15px}.dex-market-strip strong{font-size:16px}.dex-pro-layout{gap:10px}.dex-swap-card,.dex-market-card{overflow:hidden;border-radius:22px}.dex-card-title,.dex-token-box>div,.dex-quote-state,.dex-quote-details>div,.dex-security summary{min-width:0}.dex-token-box{min-width:0;padding:16px}.dex-token-box input,.dex-token-box output{width:0;min-width:0;flex:1 1 0;font-size:29px}.dex-token{max-width:46%;min-width:0}.dex-token b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-quote-state span,.dex-quote-details b{min-width:0;overflow-wrap:anywhere}.dex-security>div{grid-template-columns:minmax(0,1fr)}.dex-market-card{padding:19px}.dex-mini-chart{height:190px}.dex-mini-chart svg,.dex-chart-empty{max-width:100%;height:160px}.view-dex .dex-history{border-radius:19px}.view-dex .dex-history .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.dex-history-head{padding:18px}.slippage-options{flex-wrap:wrap}.slippage-options label{min-width:0;flex-basis:100%}}
@media(max-width:420px){.dex-market-strip{grid-template-columns:minmax(0,1fr)}.dex-pro-head h2{font-size:28px}.dex-token-box input,.dex-token-box output{font-size:25px}.dex-token{max-width:48%;padding-right:8px}.dex-token b{font-size:12px}.dex-quote-details>div{gap:8px}.dex-security summary{flex-wrap:wrap}.dex-confirm{padding:24px 18px}}