:root{--bg:#0b1021;--panel:#141c33;--line:#2b3550;--gold:#f8d588;--blue:#7cdbde;--muted:#9aa7c2}body{font-family:"Malgun Gothic",Arial,sans-serif}.shell{background:radial-gradient(ellipse at 80% 0,#3a295b55,transparent 42%),radial-gradient(ellipse at 0 55%,#164d5640,transparent 45%),#0b1021}.shell>header{min-height:86px;padding:16px max(24px,calc((100vw - 1420px)/2));border-color:#ffffff0d;background:#0b1021e8;gap:25px}.shell .logo{font-size:28px;color:#f8df9f}.shell .logo small{font-size:8px;color:#7e91b1;letter-spacing:4px;margin-top:3px}.shell nav button{font-size:13px;color:#aab4ce;padding:13px 14px}.shell nav button.active{color:#8ce3dc;background:#67c9c815;box-shadow:inset 0 -2px #78d6d0;border-radius:8px 8px 0 0}.shell .wallet{padding:10px 16px;border-radius:24px;background:#ffffff06;border:1px solid #ffffff12;font-size:14px;white-space:nowrap}.shell main{width:min(1420px,100%);padding:34px 24px 55px}.lobby-layout{grid-template-columns:205px minmax(0,1fr);gap:26px}.lobby-sidebar{background:linear-gradient(160deg,#1b263c,#11192d);border:1px solid #ffffff14;border-radius:18px;padding:20px 17px;box-shadow:0 12px 30px #0002}.lobby-sidebar h3{color:#dce4f1;font-size:13px}.my-avatar-preview img{width:122px;height:144px;border-radius:16px;border:2px solid #8acfc260;box-shadow:0 0 30px #66cfc216}.pick-avatar,.lobby-sidebar select{border-color:#ffffff18;background:#26334a;font-size:12px}.preferences-status{font-size:10px;line-height:1.8;color:#8493ae}.voice-label{font-size:11px}.arcade-hero{position:relative;min-height:335px;overflow:hidden;padding:35px 38px;border-radius:23px;border:1px solid #b0a6ec26;background:radial-gradient(ellipse at 80% 40%,#4f447f88,transparent 48%),linear-gradient(115deg,#242744,#26314d 52%,#193f4c);box-shadow:0 20px 45px #0002}.hero-copy{position:relative;z-index:3}.arcade-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:2px;color:#a6bad0}.arcade-kicker i{display:inline-block;height:6px;width:6px;border-radius:50%;background:#92e8cb;margin-right:5px;box-shadow:0 0 12px #76ebbe}.arcade-hero h1{font-size:37px;letter-spacing:-2px;line-height:1.25;margin:20px 0 13px;color:#fff8e8;font-weight:900}.arcade-hero h1 em{font-style:normal;color:#a0e9d9}.arcade-hero p{font-size:12px;line-height:1.85;color:#b5c3d7;margin:0 0 22px}.hero-links{display:flex;gap:10px;align-items:center}.hero-links button{border:0;cursor:pointer;border-radius:9px;font-size:12px;font-weight:800;padding:13px 18px}.arcade-primary{background:#f1d79b;color:#283044;box-shadow:0 5px 16px #f2cf7820}.arcade-primary span{margin-left:20px}.arcade-secondary{background:#ffffff08;color:#d7e5ed}.hero-watermark{position:absolute;right:12px;bottom:-28px;font-size:140px;font-weight:950;letter-spacing:-10px;color:#ffffff04;pointer-events:none}.arcade-section-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 17px}.arcade-section-heading h2{font-size:20px;letter-spacing:-.7px;margin:7px 0 0}.arcade-caption{font-size:10px;color:#8797b3}.game-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game-select-card{position:relative;text-align:left;min-height:305px;border:1px solid #ffffff18;border-radius:17px;background:linear-gradient(155deg,#283251,#18283c);overflow:hidden;color:#fff;cursor:pointer;padding:17px 19px;isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s}.game-select-card.badugi{background:linear-gradient(155deg,#1d484b,#16313c)}.game-select-card.matgo{background:linear-gradient(155deg,#583944,#2e233a)}.game-select-card:hover{transform:translateY(-6px);border-color:#bedbdc80;box-shadow:0 15px 30px #0004}.game-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;gap:5px}.game-card-top>span{font-size:8px;letter-spacing:1.3px;color:#b0c5dd}.game-card-top b{font-size:9px;font-weight:500;padding:4px 6px;border:1px solid #ffffff16;border-radius:5px;background:#0002;white-space:nowrap;color:#c9dbe9}.game-card-title{position:relative;display:block;margin-top:152px;font-size:27px;font-weight:950;letter-spacing:-1px}.game-card-desc{display:block;font-size:11px;margin-top:5px;color:#a9bcd0}.game-card-cta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;border-top:1px solid #ffffff16;padding-top:12px;font-size:11px;font-weight:700;color:#e1eaf4}.game-card-cta b{color:#8de3d3;font-size:17px}.game-art{position:absolute;inset:40px 15px auto;height:160px;pointer-events:none;perspective:700px}.art-card{position:absolute;display:block;width:76px;height:111px;left:calc(50% - 38px);top:18px;padding:9px 7px;border:2px solid #fff6df;border-radius:9px;font-family:Georgia,serif;font-style:normal;font-size:25px;font-weight:800;color:#27374d;background:linear-gradient(135deg,#fffaf0,#d5dce0);box-shadow:0 5px 0 #a7b4bf,0 14px 18px #0006;transform:rotate(-24deg) translateX(-32px)}.art-card small{display:block;font-size:33px;margin-top:0}.art-card.two{transform:rotate(2deg);color:#c65369;top:8px;z-index:2}.art-card.three{transform:rotate(26deg) translateX(31px);z-index:3}.art-orbit{position:absolute;inset:12px 15px;border:1px solid #a3e4dc18;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 40px #84ded40b}.art-chip{position:absolute;display:block;width:43px;height:27px;border-radius:50%;border:5px dashed #fbe8b0;background:#b88c43;box-shadow:0 5px #79582b,0 8px 10px #0006;z-index:4;bottom:8px;left:18px;transform:rotate(-12deg)}.art-chip.c2{left:auto;right:14px;bottom:18px;border-color:#b0e2e0;background:#36747d;box-shadow:0 5px #1c454f,0 8px 10px #0006;transform:rotate(20deg)}.art-spark{position:absolute;color:#ffdf95;font-size:25px;right:10px;top:5px;font-weight:400}.art-spark.s2{left:12px;right:auto;top:42px;color:#b6e3df;font-size:18px}.game-art.matgo .art-card{color:#a75064;background:linear-gradient(145deg,#ffddaa,#e3b76e);border-color:#fbe0a4}.game-art.matgo .art-card.two{color:#655285}.game-art.hero-deck{inset:40px 25px auto auto;width:40%;height:230px;transform:rotate(6deg)}.hero-deck .art-card{width:103px;height:150px;font-size:32px;top:25px;padding:10px}.hero-deck .art-card small{font-size:58px}.hero-deck .art-card.one{transform:rotate(-25deg) translateX(-45px)}.hero-deck .art-card.two{transform:rotate(0);top:10px}.hero-deck .art-card.three{transform:rotate(25deg) translateX(45px)}.hero-deck .art-chip{width:65px;height:40px;bottom:3px;left:10px;border-width:6px}.hero-deck .art-chip.c2{right:0;left:auto;bottom:22px}.arcade-extras{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.arcade-extras a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#d8e6ee;padding:17px;border:1px solid #ffffff10;border-radius:13px;background:#172339;transition:background .2s}.arcade-extras a:hover{background:#21334b}.extra-icon{display:grid;place-items:center;width:42px;height:48px;border:1px solid #76c5c33a;border-radius:10px;color:#9ed9d4;font-size:30px;flex:none}.arcade-extras a>span:nth-child(2){display:grid;gap:5px}.arcade-extras small{font-size:8px;color:#91acbd;letter-spacing:1px}.arcade-extras strong{font-size:12px}.arcade-extras em{font-size:10px;font-style:normal;color:#8398b1}.arcade-extras a>b{margin-left:auto;color:#9cd5cb}.arcade-home #shared-demo-room{display:none!important}.game-room-section{padding:23px;background:#131d32;border:1px solid #ffffff10;border-radius:18px}.game-room-section .hero h1{font-size:24px}.game-room-section .hero p{font-size:12px;line-height:1.7}.rule-tabs .rule-tab{background:#1b2a40;border-color:#ffffff16;font-size:12px}.rule-tabs .rule-tab.active{color:#a2e5dc;border-color:#79c8c880;background:#204449}.room-actions .primary{background:linear-gradient(135deg,#8ee1cf,#59b5b2);color:#102e35}.room-list{background:#10192b;border-color:#ffffff12;border-radius:12px}.room-head{background:#1b2b43;font-size:10px}.room{border-color:#ffffff08;font-size:12px;min-height:70px}.room:hover{background:#213d4d;box-shadow:inset 3px 0 #90dcca}.room em{color:#87ddd3}.login{background:radial-gradient(ellipse at 15% 20%,#43528866,transparent 45%),radial-gradient(ellipse at 90% 80%,#246b6666,transparent 50%),#10172a}.login-card{background:#172139ee;border-color:#a1c2cb36;box-shadow:0 30px 100px #0005}.login-card .logo{color:#f7dda1}.login-card .primary{background:linear-gradient(120deg,#92dfce,#69bcbb);color:#112d38;cursor:pointer}.login-card input{background:#0e192c;border-color:#354c66}.login-card h1{color:#f4ecd9}button:focus-visible,a:focus-visible{outline:3px solid #98e6d8;outline-offset:4px}#app header nav a{font-size:11px;white-space:nowrap}
@media(min-width:721px){.arcade-home .arcade-hero .game-art{animation:deck-float 5s ease-in-out infinite}.arcade-home .game-select-card .art-spark{animation:spark-glow 3s ease-in-out infinite}}@keyframes deck-float{50%{transform:translateY(-7px) rotate(3deg)}}@keyframes spark-glow{50%{opacity:.3;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.arcade-home .arcade-hero .game-art,.arcade-home .game-select-card .art-spark{animation:none}.game-select-card{transition:none}}
@media(max-width:1100px) and (min-width:721px){.shell>header{gap:10px;padding:13px 20px;flex-wrap:wrap}.shell nav{order:3;flex-basis:100%}.shell .wallet{margin-left:auto}.shell main{padding:25px 18px}.lobby-layout{grid-template-columns:170px minmax(0,1fr);gap:18px}.arcade-hero{padding:28px}.arcade-hero h1{font-size:31px}.game-art.hero-deck{right:0;width:38%;transform:scale(.85)}.game-cards{gap:10px}.game-select-card{padding:14px 12px}.game-card-top{flex-wrap:wrap}.art-card{width:64px;height:95px;font-size:22px}.game-card-title{font-size:24px;margin-top:145px}.arcade-caption{display:none}.arcade-extras a{padding:13px;gap:8px}.arcade-extras strong{font-size:11px}}
@media(max-width:720px){.shell>header{padding:13px 16px;gap:8px;min-height:auto;flex-wrap:wrap}.shell .logo{font-size:23px}.shell .wallet{font-size:11px;padding:8px 10px;margin-left:auto}.shell .logout{font-size:11px;padding:8px}.shell nav{order:3;flex-basis:100%;gap:0;margin-top:7px}.shell nav button{font-size:11px;padding:10px 9px;flex:none}.shell main{padding:16px 14px 35px}.lobby-layout{display:flex;flex-direction:column;gap:17px}.arcade-home .lobby-layout>div{order:-1;width:100%}.arcade-hero{min-height:288px;border-radius:17px;padding:23px 21px}.arcade-hero h1{font-size:29px;letter-spacing:-1.5px;margin:18px 0 10px}.arcade-hero p{font-size:11px;max-width:65%;line-height:1.8}.arcade-kicker{font-size:8px;letter-spacing:1.3px}.game-art.hero-deck{width:41%;right:-18px;top:63px;height:155px;transform:scale(.7);transform-origin:center right;opacity:.9}.hero-deck .art-card{width:85px;height:125px;font-size:29px}.hero-deck .art-card small{font-size:45px}.hero-links{gap:5px}.hero-links button{font-size:10px;padding:12px 13px}.arcade-primary span{margin-left:6px}.hero-watermark{font-size:100px;bottom:-20px;right:3px}.arcade-section-heading{margin-top:24px}.arcade-section-heading h2{font-size:18px;margin-top:7px}.arcade-caption{display:none}.game-cards{grid-template-columns:1fr;gap:12px}.game-select-card{min-height:166px;padding:18px 20px}.game-card-top{max-width:58%;flex-wrap:wrap;justify-content:start;gap:8px}.game-card-title{font-size:27px;margin-top:14px}.game-card-desc{font-size:11px;max-width:58%}.game-card-cta{border:0;padding:0;margin-top:15px;max-width:48%;font-size:11px}.game-select-card .game-art{inset:12px 3px auto auto;width:43%;height:140px;transform:scale(.8);transform-origin:right center}.art-chip{left:5px}.art-chip.c2{right:0}.arcade-extras{grid-template-columns:1fr;gap:10px;margin-top:16px}.arcade-extras a{padding:14px}.arcade-extras strong{font-size:12px}.lobby-sidebar{padding:17px;width:100%;border-radius:14px}.my-avatar-preview{grid-template-columns:65px 1fr}.my-avatar-preview img{height:75px;width:62px;border-radius:10px}.voice-label{margin-top:14px}.game-room-section{padding:16px 12px}.game-room-section .hero h1{font-size:23px}.room-actions button{font-size:12px;padding:12px 14px}#app header nav a{font-size:10px;padding:10px!important}.arcade-home #shared-demo-room{display:none!important}}
.shell>header nav{min-width:0;overflow-x:auto;scrollbar-width:thin}.arcade-hero p{max-width:65%}@media(max-width:720px){.arcade-hero p{max-width:70%;font-size:10px}.arcade-hero .hero-copy p br{display:none}}