.dock{height:84px;position:absolute;bottom:0;left:0;right:0;z-index:12;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(7,5,9,.88),rgba(5,4,7,.99));border-top:1px solid var(--line);box-shadow:0 -16px 40px rgba(0,0,0,.52)}.dock button{min-width:0;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid transparent;padding:3px;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden}.dock button img{width:42px;height:50px;object-fit:cover;border-radius:7px;filter:saturate(.7) brightness(.72)}.dock button span{font-size:9px;font-weight:900;color:#a79ba0}.dock button.active{border-color:rgba(232,190,104,.35);background:linear-gradient(145deg,rgba(115,72,32,.27),rgba(80,43,92,.18))}.dock button.active img{filter:saturate(1.1) brightness(1)}.dock button.active span{color:#f0d896}
.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:18px;background:rgba(2,1,4,.84);backdrop-filter:blur(14px)}.modal.show{display:grid}.modal-card{width:min(760px,96vw);max-height:93vh;overflow:auto;border-radius:18px;border:1px solid rgba(237,197,109,.28);background:linear-gradient(145deg,#18101b,#09070b 70%);box-shadow:0 35px 120px #000;padding:22px}.modal-card h2{font-family:Georgia,"Noto Serif KR",serif;margin-top:0}.field{display:grid;gap:7px;margin:14px 0}.field label{font-size:10px;color:#d8bf8a;font-weight:900}.field input,.field select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid rgba(232,190,104,.22);background:#08060a;color:#fff;outline:none}.field input:focus{border-color:#d5aa57;box-shadow:0 0 0 3px rgba(213,170,87,.1)}
.toast{position:fixed;left:50%;bottom:102px;z-index:70;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:11px 17px;border-radius:999px;background:rgba(9,7,12,.94);border:1px solid var(--line);box-shadow:0 14px 40px #000;transition:.25s;font-size:11px;font-weight:900}.toast.show{opacity:1;transform:translate(-50%,0)}
.cinematic{position:fixed;inset:0;z-index:80;pointer-events:none;display:none;background:#000}.cinematic.show{display:block;animation:cinematicIn 1.8s ease both}.cinematic-art{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.9);animation:cinematicZoom 2.2s ease both}.cinematic-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),transparent 55%),linear-gradient(0deg,#000,transparent 35%,transparent 70%,#000)}.cinematic-letterbox{position:absolute;left:0;right:0;height:11%;background:#000;z-index:2}.cinematic-letterbox.top{top:0}.cinematic-letterbox.bottom{bottom:0}.cinematic-line{position:absolute;left:6%;top:34%;height:2px;width:0;background:linear-gradient(90deg,var(--gold),transparent);z-index:3;animation:lineGrow 1.2s .2s ease forwards}.cinematic p{position:absolute;left:6%;top:38%;z-index:3;max-width:540px;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(22px,3vw,46px);font-weight:900;text-shadow:0 4px 18px #000}
.live-event{position:fixed;right:18px;top:92px;z-index:35;display:flex;gap:10px;align-items:center;width:min(330px,40vw);padding:10px 13px;border-radius:12px;border:1px solid rgba(230,184,93,.25);background:rgba(10,7,12,.9);box-shadow:0 14px 45px rgba(0,0,0,.46);transform:translateX(calc(100% + 30px));transition:.35s}.live-event.show{transform:translateX(0)}.live-dot{width:8px;height:8px;border-radius:50%;background:#e35365;box-shadow:0 0 16px #e35365;animation:pulse 1s infinite}.live-event small,.live-event b{display:block}.live-event small{font-size:7px;color:#d8b56d;letter-spacing:.13em}.live-event b{font-size:10px;margin-top:2px}
.market-table{width:100%;border-collapse:collapse;font-size:10px}.market-table th,.market-table td{padding:9px 7px;border-bottom:1px solid rgba(255,255,255,.055);text-align:right}.market-table th:first-child,.market-table td:first-child{text-align:left}.market-table tr:hover{background:rgba(255,255,255,.025)}.sparkline{width:120px;height:34px}.ticker-up{color:#67d99d}.ticker-down{color:#ef7588}.trade-controls{display:flex;gap:7px;align-items:center}.trade-controls input{width:75px;padding:7px;border-radius:7px;border:1px solid var(--line);background:#08060a;color:#fff}
.blackjack-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:12px}.table-felt{min-height:310px;background:linear-gradient(rgba(7,16,12,.38),rgba(5,9,7,.84)),url('https://images.pexels.com/photos/7594307/pexels-photo-7594307.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover;border:1px solid rgba(224,180,87,.28);border-radius:18px;padding:18px;box-shadow:inset 0 0 80px rgba(0,0,0,.75)}.hand{min-height:108px}.hand h4{margin:0 0 9px;color:#d5bd91;font-size:10px}.cards{display:flex;gap:8px;min-height:72px}.playing-card{width:48px;height:68px;border-radius:7px;background:linear-gradient(145deg,#fff8e8,#d8cfc0);color:#201514;border:1px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.38);display:flex;flex-direction:column;justify-content:space-between;padding:5px;font-family:Georgia,serif;font-weight:900;animation:dealCard .3s ease both}.playing-card.red{color:#a61f36}.playing-card.back{background:url('https://game-icons.net/icons/ffffff/704214/1x1/delapouite/wax-seal.svg') center/cover;color:transparent}.bet-box{padding:16px}.bet-box input{width:100%;padding:11px;background:#08060a;border:1px solid var(--line);color:white;border-radius:9px;margin:8px 0}.result-banner{padding:10px;border-radius:9px;background:rgba(232,190,104,.09);text-align:center;font-weight:900;color:#f0d38d;margin-top:10px}
.item-row,.npc-row,.business-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:12px}.item-row img,.npc-row img,.business-row img{width:80px;height:80px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.npc-row img{height:105px}.unknown{filter:grayscale(1) brightness(.28) blur(1px)}
.news-tape{display:flex;gap:8px;overflow:hidden;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(8,6,10,.84)}.news-tape-track{display:flex;gap:22px;white-space:nowrap;animation:ticker 28s linear infinite;font-size:9px;color:#d4c2a0}.ledger-list{display:grid;gap:7px}.ledger-entry{display:grid;grid-template-columns:82px 1fr auto;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.ledger-entry time{color:#887f82}.ledger-entry strong.positive{color:#69d99e}.ledger-entry strong.negative{color:#ef798c}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.26);transform:scale(0);animation:ripple .55s linear;pointer-events:none}
@keyframes titleDrift{to{transform:scale(1.1) translate3d(-1.2%,.8%,0)}}@keyframes sceneBreathe{to{transform:scale(1.09) translate3d(-.8%,.6%,0)}}@keyframes depthFloat{to{transform:translate3d(1.2%,-.8%,0) scale(1.03)}}@keyframes sweep{from{transform:translateX(-45%)}to{transform:translateX(45%)}}@keyframes pulse{50%{opacity:.3;transform:scale(.72)}}@keyframes statFlash{30%{color:#fff4b8;text-shadow:0 0 18px #e8b75b;transform:scale(1.08)}}@keyframes dealCard{from{opacity:0;transform:translateY(-25px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes cinematicIn{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}@keyframes cinematicZoom{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes lineGrow{to{width:36%}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes ripple{to{transform:scale(4);opacity:0}}
@media(max-width:900px){.topbar{grid-template-columns:210px 1fr 135px}.stat-strip b{font-size:11px}.dock button{gap:3px}.dock button img{width:34px}.grid-4{grid-template-columns:repeat(2,1fr)}.blackjack-layout{grid-template-columns:1fr}.title-copy{width:60vw}.panel-head h2{font-size:20px}}
@media(max-width:680px){.topbar{height:68px;grid-template-columns:170px 1fr 105px;padding:5px}.viewport{top:68px;bottom:70px}.dock{height:70px}.dock button{flex-direction:column;gap:1px}.dock button img{width:34px;height:35px}.dock button span{font-size:7px}.profile-mini img{width:40px;height:40px}.profile-mini strong{font-size:12px}.stat-strip div:nth-child(2),.stat-strip div:nth-child(4){display:none}.stat-strip{grid-template-columns:repeat(3,1fr)}.timebox{padding:5px}.grid-3,.grid-2{grid-template-columns:1fr}.panel{left:8px;right:8px;top:43px}.title-copy{left:26px;width:78vw}.title-copy h1{font-size:58px}.title-foot{display:none}.item-row,.npc-row,.business-row{grid-template-columns:60px 1fr}.item-row>div:last-child,.npc-row>div:last-child,.business-row>div:last-child{grid-column:1/-1}.item-row img,.npc-row img,.business-row img{width:60px;height:70px}.market-table .hide-mobile{display:none}}
@media(orientation:portrait){.title-copy{top:auto;bottom:7vh;transform:none;width:86vw}.title-art-motion{background-position:66% 50%}.topbar{grid-template-columns:1fr 1fr}.stat-strip{grid-row:2;grid-column:1/-1;height:38px}.topbar{height:108px}.viewport{top:108px}.timebox{grid-column:2}.profile-mini{grid-column:1}.dock{grid-template-columns:repeat(4,1fr);height:118px}.dock button{height:51px}.viewport{bottom:118px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}