@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#302e3d;background:#f8f9fc;font-synthesis:none;font-weight:400;--purple:#7956df;--muted:#91909f;--line:#ececf2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ab91ee;outline-offset:3px}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}p{line-height:1.75}input{min-width:0}svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#fff;border-right:1px solid var(--line);padding:35px 22px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 6px}.brand-icon{height:40px;width:40px;border-radius:13px;background:var(--purple);color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #7956df22}.brand>span:last-child{font-size:21px;letter-spacing:-1px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a29aae;margin-top:2px;font-weight:600}.side-label{font-size:10px;color:#b0adbb;letter-spacing:.5px;margin:49px 15px 15px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:15px 17px;border-radius:11px;font-size:13px;font-weight:600;color:#8e899e;margin-bottom:6px;transition:.2s}.nav-item.active{color:#7954d1;background:#f0ebfc}.nav-item:hover{background:#f7f4fd}.nav-item>span:last-child{margin-left:auto;font-size:10px;background:#e6ddf9;padding:3px 7px;border-radius:6px}.nav-item .online-dot{margin-left:auto}.sidebar-bottom{margin-top:auto}.little-card{padding:21px 13px 14px;background:#faf9fd;border:1px solid #f0edf8;border-radius:13px;text-align:center}.tiny-art{font-size:22px;color:#ad93e9;letter-spacing:9px;margin:5px 0 15px}.tiny-art span{display:inline-grid;place-items:center;background:#e8def9;border-radius:15px;width:44px;height:44px;letter-spacing:0;transform:rotate(-10deg);font-size:28px;color:#8562c2}.little-card strong{font-size:11px}.little-card p{font-size:10px;color:#a29baa;margin:8px 0 12px}.little-card button{font-size:10px;display:flex;gap:14px;align-items:center;justify-content:center;width:100%;padding:10px;background:#fff;border:1px solid #ebe6f4;border-radius:7px;color:#8f72c7}.help-btn{display:flex;gap:12px;align-items:center;font-size:12px;color:#8e8a9b;margin:24px 12px}.side-footer{font-size:9px;color:#b6b1bf;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:7px;margin:0 5px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82b99d;box-shadow:0 0 0 3px #82b99d0d}.main{margin-left:230px}.topbar{height:85px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#aba5b5;display:flex;gap:15px;align-items:center}.breadcrumb b{font-weight:500;color:#6a6478}.top-actions{display:flex;align-items:center;gap:20px}.live-label{font-size:10px;color:#9893a4;display:flex;gap:7px;align-items:center}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#9b94a6}.icon-btn:hover{background:#f4effa;color:var(--purple)}.avatar{background:#eee7fa;color:#8e70b9;display:inline-flex;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;font-size:13px;font-weight:700;border:2px solid #fff}.avatar.small{width:32px;height:32px;border-radius:50%;font-size:11px}.avatar.c1{background:#f8e7dd;color:#b58e73}.avatar.c2{background:#e1efea;color:#73a08e}.avatar.c3{background:#e3ebfc;color:#7b91bb}.avatar.offline{filter:grayscale(1);opacity:.5}.content{max-width:1450px;margin:auto;padding:32px 42px 0}.hero{position:relative;min-height:320px;border:1px solid #e7e0f2;border-radius:20px;background:#eee8f8;overflow:hidden;display:flex;margin-bottom:36px}.hero-copy{position:relative;padding:36px 35px;z-index:2;flex:1}.hero-kicker{display:flex;align-items:center;gap:6px;color:#9981bb;font-size:10px;font-weight:600;margin-bottom:14px;letter-spacing:.25px}.hero-kicker>span{display:inline-block;width:5px;height:5px;background:#b294d9;border-radius:50%}.hero h1{font-size:34px;letter-spacing:-1.7px;font-weight:800;line-height:1.45}.hero h1 em{font-style:normal;color:#8563c8}.hero-copy>p{font-size:11px;color:#a497b4;margin:14px 0 22px}.hero-actions{display:flex;gap:9px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:600;padding:12px 17px;border-radius:9px;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap;min-height:42px}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:var(--purple);color:#fff;box-shadow:0 4px 8px #7956df15}.button.primary:hover:not(:disabled){background:#6c46d1;box-shadow:0 6px 15px #7956df25}.button.white{background:#ffffffd9;color:#82718f;border:1px solid #e7def2}.button.secondary{background:#fff;border:1px solid #e5dfed;color:#8b769e}.wide{width:100%}.hero-note{display:flex;align-items:center;gap:9px;margin-top:24px;color:#aa9fba;font-size:9px}.mini-avatars{display:flex;padding-left:4px}.mini-avatars i{display:grid;place-items:center;font-size:12px;font-style:normal;width:23px;height:23px;border-radius:50%;background:#f9d8b5;border:2px solid #f2ecf9;margin-left:-4px;color:#ad835d}.mini-avatars i:nth-child(2){background:#d5e5d4;color:#789d76}.mini-avatars i:nth-child(3){background:#d5d9ed;color:#8b86b0}.note-dot{opacity:.4}.hero-visual{position:absolute;right:0;width:44%;top:0;bottom:0;background:radial-gradient(ellipse,#dfd3f0 0,transparent 70%)}.orbit{position:absolute;border:1px solid #d9caeb;border-radius:50%;width:340px;height:180px;transform:rotate(-27deg);left:5%;top:70px}.orbit-two{transform:rotate(40deg);width:290px;height:210px;left:10%;top:44px;opacity:.5}.hero-tiles{position:absolute;width:340px;left:-20px;top:75px;transform:rotate(-15deg)}.hero-dice{position:absolute;width:190px;right:-15px;top:5px;transform:rotate(16deg)}.hero-stone{position:absolute;left:30px;top:30px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5d5d6b,#343442 65%);box-shadow:6px 14px 14px #3c2b521c;transform:rotate(-15deg)}.hero-stone span{position:absolute;width:17px;height:7px;top:11px;left:10px;background:#ffffff20;border-radius:50%;transform:rotate(-30deg)}.hero-spark{position:absolute;color:#c4acd9}.s1{font-size:35px;right:56px;bottom:45px}.s2{font-size:27px;top:44px;left:120px}.hero-bubble{position:absolute;bottom:37px;left:31px;background:#fff;padding:10px 16px;border-radius:9px;font-size:9px;font-weight:800;letter-spacing:1px;transform:rotate(-7deg);color:#a78ac5;box-shadow:0 4px 8px #8b71b00a}.hero-bubble span{margin-left:10px}.hero-cursor{position:absolute;font-size:25px;color:#a48bc5;right:70px;bottom:87px;transform:rotate(-20deg)}.hero-cursor span{display:block;transform:rotate(20deg);font-size:10px;background:#b99bd7;color:#fff;padding:6px 12px;border-radius:5px;margin-left:22px;margin-top:-4px;white-space:nowrap}.mobile-only{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 20px;gap:15px}.section-heading h2{font-size:21px;letter-spacing:-.8px;font-weight:800}.section-heading h1{font-size:28px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.section-heading p{font-size:11px;color:#a29cab;margin-top:7px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline>span{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:#93859c}.inline.center{justify-content:center}.count{background:#ece6f8;border-radius:6px;font-size:10px!important;color:#9a7abe!important;padding:3px 7px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e9e6ef;border-radius:9px;padding:10px 13px;color:#b6afc0;width:220px}.search input{border:0;outline:0;background:none;width:100%;font-size:10px;color:#6c607a}.search input::placeholder{color:#b4adbf}.search button{padding:0;height:15px;display:flex}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{padding:8px 14px;font-size:10px;color:#a39aaa;border-radius:7px;display:flex;align-items:center;gap:5px}.filters button.selected{color:#fff;background:#85818e}.filters button:not(.selected):hover{background:#eeebf3}.filter-note{font-size:9px;color:#b3acbc}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{display:block;text-align:left;background:#fff;border:1px solid #eae8ef;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 3px 5px #30263d02}.card-visual{height:170px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lilac{background:#eae4f4}.peach{background:#f7e9df}.mint{background:#e4eeea}.sand{background:#f0ece2}.blue{background:#e7edf7}.pink{background:#f3e5ed}.game-art{width:100%;height:100%;max-width:320px;display:block;transition:transform .5s}.game-card:hover .game-art{transform:rotate(-3deg) scale(1.08)}.art-badge{position:absolute;top:12px;left:12px;background:#ffffffab;color:#a08ca7;font-size:8px;padding:5px 8px;border-radius:5px;z-index:1}.card-arrow{position:absolute;right:12px;bottom:12px;background:#ffffffa0;color:#8c7a9d;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:.2s}.game-card:hover .card-arrow{opacity:1}.card-info{padding:17px 18px 13px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h3{font-size:16px;font-weight:700;letter-spacing:-.6px}.card-title>span{font-size:8px;color:#a89cb6;background:#f7f5fa;padding:4px 7px;border-radius:5px}.card-info>p{font-size:10px;color:#a49cab;margin-top:6px;margin-bottom:16px}.card-meta{display:flex;align-items:center;gap:13px;padding-top:12px;border-top:1px solid #f4f1f6;color:#aaa1b3;font-size:9px}.card-meta>span,.card-meta>b{display:inline-flex;align-items:center;gap:5px}.card-meta>b{font-size:9px;font-weight:500;color:#b0a2c3;margin-left:auto}.bottom-banner{margin-top:30px;border:1px solid #ebe6f1;border-radius:12px;padding:22px 25px;display:flex;align-items:center;gap:18px;background:#f3f0f8}.banner-icon{width:46px;height:46px;border-radius:12px;background:#e8e0f4;display:grid;place-items:center;color:#a68cc4}.bottom-banner b{font-size:12px;color:#897698}.bottom-banner p{font-size:10px;color:#b3a8bd;margin-top:4px}.bottom-banner>button{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:20px;color:#9d82b8}footer{padding:28px 0;display:flex;justify-content:space-between;font-size:9px;color:#b8b2c1}footer b{font-weight:600;margin-right:10px;color:#a49bab}.empty-state{padding:70px;text-align:center;color:#a99ab9;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#29203355;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;width:470px;max-width:100%;max-height:90dvh;overflow:auto;background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 100px #25103d33}.modal-close{position:absolute;right:15px;top:15px;z-index:3;background:#ffffffc0}.modal-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eee7fa;color:var(--purple);margin-bottom:22px}.eyebrow{display:block;font-size:9px;letter-spacing:1.6px;color:#ad96c7;font-weight:700;margin-bottom:10px}.modal h2{font-size:23px;letter-spacing:-1px;margin-bottom:10px}.modal>p{font-size:12px;color:#9d91a8;margin-bottom:20px}.field{display:block;font-size:11px;color:#8f809b;margin:22px 0}.field input{width:100%;display:block;margin-top:9px;border:1px solid #e8e0ef;border-radius:10px;padding:14px;color:#50415e;background:#fcfaff;font-size:13px}.field input::placeholder{color:#b8aebf}.text-btn{display:block;margin:17px auto 0;font-size:11px;color:#9c84b4}.detail-art{height:155px;border-radius:13px;margin-bottom:24px;display:flex;justify-content:center}.rules-inline{padding:18px;border:1px solid #eee8f5;background:#fbf9fe;border-radius:12px;font-size:12px;line-height:1.9;color:#8d7e9b;margin:22px 0}.guide-step{display:flex;gap:18px;margin:25px 0}.guide-step>b{font-size:22px;color:#c9b5e5}.guide-step strong{font-size:13px}.guide-step p{font-size:11px;color:#a497b0;margin-top:5px}.muted{font-size:11px!important;color:#aa9bb7!important;line-height:1.8}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%)!important;z-index:100;background:#44354f;color:#fff;padding:15px 24px;border-radius:13px;box-shadow:0 8px 30px #34223a33;font-size:12px;max-width:90%;display:flex;align-items:center;gap:12px}.toast>span{color:#cdb5f6;font-size:18px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{font-size:10px;font-weight:500;padding:4px 8px;border-radius:6px;background:#f2eef7;color:#a08bb7}.badge.purple{color:#9773c4;background:#eee6fa}.party-strip{display:flex;align-items:center;gap:15px;padding:19px 22px;background:#fff;border:1px solid #e9e2f2;border-radius:13px;margin-bottom:28px}.party-strip-title{display:flex;gap:12px;align-items:center}.party-icon{width:40px;height:40px;background:#f0eafb;color:#a88bcf;border-radius:12px;display:grid;place-items:center}.party-strip-title b{font-size:12px}.party-strip-title small{display:block;font-size:10px;color:#b1a3be;margin-top:5px;letter-spacing:.6px}.party-faces{display:flex;margin-left:auto}.party-faces .avatar{margin-left:-7px}.party-lobby,.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.selection-panel,.game-panel{background:#fff;border:1px solid #ebe4f2;border-radius:17px;overflow:hidden}.selection-panel{padding:35px;text-align:center}.selection-panel>.game-art{height:200px;margin:auto}.selection-panel h2{font-size:29px;letter-spacing:-1px}.selection-panel>p{font-size:12px;color:#a093ab;margin:12px 0}.selection-panel .rules-inline{text-align:left}.party-panel{background:#fff;border:1px solid #ebe5f2;border-radius:15px;padding:20px;overflow:hidden}.panel-title{display:flex;gap:9px;align-items:center}.panel-title h3{font-size:15px;letter-spacing:-.5px}.panel-title>span{font-size:10px;color:#b2a5bf}.panel-title .icon-btn{margin-left:auto}.room-code{display:flex;align-items:center;gap:8px;border:1px dashed #e9deef;padding:12px 10px;border-radius:8px;margin:15px 0;color:#ab95bd;cursor:pointer}.room-code>span{font-size:9px;margin-right:auto}.room-code>b{font-size:11px;letter-spacing:1.2px}.player-list{display:grid;gap:15px;margin:21px 0}.player{display:flex;align-items:center;gap:10px}.player>div>b{display:block;font-size:11px}.player>div>b>small{font-size:9px;color:#b39fc6}.player>div>span{display:block;color:#b4a9bd;font-size:9px;margin-top:5px}.crown{color:#d6b46c;margin-left:auto}.ready-check{color:#7dac99;margin-left:auto}.score{color:#9878c1;margin-left:auto;font-size:12px}.selected-game{background:#f7f4fc;border-radius:8px;display:flex;align-items:center;padding:6px;margin:18px 0 13px}.selected-game .game-art{width:70px;height:55px}.selected-game small{font-size:9px;color:#b6a5c6;display:block;margin-bottom:5px}.selected-game b{font-size:12px}.ready-hint{display:block;text-align:center;font-size:9px;color:#b2a2be;margin:9px 0}.chat-title{display:flex;justify-content:space-between;font-size:10px;font-weight:700;padding-top:19px;margin-top:20px;border-top:1px solid #f0eaf5}.chat-title>span{font-weight:400;font-size:9px;color:#b9aec3}.chat-messages{height:180px;overflow:auto;padding:15px 0;font-size:10px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;overflow-wrap:anywhere}.chat-messages b{font-size:9px;color:#b197c7}.chat-messages p{font-size:11px;color:#8f7f9c;margin-top:2px}.chat-empty{margin:auto;font-size:10px!important;color:#bbaec6!important;text-align:center}.chat-input{display:flex;border:1px solid #eae2f0;border-radius:8px;padding:9px;gap:5px}.chat-input input{flex:1;width:100%;border:0;outline:0;font-size:10px}.chat-input input::placeholder{color:#b8abc2}.chat-input button{color:#b199c9;display:flex;align-items:center}.leave-btn{display:flex;align-items:center;justify-content:center;gap:6px;color:#b5a7bf;font-size:10px;width:100%;padding:17px 0 0}.turn-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:#9983ad;background:#faf7ff;border-bottom:1px solid #eee7f6;padding:18px 24px}.turn-bar>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px;color:#b7a5c9}.status-orb{height:7px;width:7px;background:#c5b5d8;border-radius:50%}.status-orb.your-turn{background:#94bd9b;box-shadow:0 0 0 4px #94bd9b18}.board-wrap{padding:24px}.board-legend{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:20px;font-size:11px;color:#9989a6}.board-legend>span{display:flex;align-items:center;gap:8px}.black-stone,.white-stone{display:inline-block;width:15px;height:15px;border-radius:50%;background:#44404e;box-shadow:0 1px 2px #0002}.white-stone{background:#fffdf7;border:1px solid #e0d8cb}.board{width:100%;max-width:540px;margin:auto;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:14px;background:#e7d1ae;border:7px solid #d6bd95;border-radius:10px;box-shadow:0 6px 20px #5541210c}.board button{position:relative;aspect-ratio:1;padding:0;display:grid;place-items:center;opacity:1}.board button:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent calc(50% - .5px),#baa17f calc(50% - .5px),#baa17f calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#baa17f calc(50% - .5px),#baa17f calc(50% + .5px),transparent calc(50% + .5px))}.board button:not(:disabled):hover{background:#fff3}.piece{position:relative;width:85%;height:85%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#63606c,#302d38 80%);box-shadow:1px 2px 3px #0003;z-index:1}.piece.p2{background:radial-gradient(circle at 30% 25%,#fff,#f2ede1 80%)}.last-move .piece:after{content:"";position:absolute;width:20%;height:20%;top:40%;left:40%;background:#a58ad3;border-radius:50%}.board.reversi{background:#81ac96;border-color:#69927b;padding:8px}.board.reversi button{border:1px solid #69977d}.board.reversi button:before{display:none}.valid-move:after{content:"";width:15%;height:15%;border-radius:50%;background:#d9ecda8a}.board.connect{border-color:#7f9bc8;background:#91acda;gap:8px}.board.connect button{background:#e6edf9;border-radius:50%;box-shadow:inset 0 2px 5px #4669a955}.board.connect button:before{display:none}.board.connect .piece{width:100%;height:100%;background:#e2a0a0}.board.connect .piece.p2{background:#f0d38d}.board.tictac{max-width:370px;padding:0;gap:8px;border:0;background:#e8dcf4}.board.tictac button{background:#fff}.board.tictac button:before{display:none}.board.tictac .piece{background:none;box-shadow:none;display:grid;place-items:center;font-size:70px;color:#b39acb;font-weight:400;line-height:1}.board.tictac .piece.p2{color:#cba796}.board.tictac .last-move .piece:after{display:none}.game-hint{text-align:center;font-size:11px;color:#b3a2bd;margin:22px 0 5px}.game-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.game-controls>span{font-size:10px;color:#a997b7;margin-right:auto}.result{text-align:center;padding:30px;background:#f4effb;border-top:1px solid #e9dff4}.result>div{font-size:35px;color:#b398d8}.result h2{font-size:24px;margin:10px}.result p{font-size:12px;color:#b19ac4;margin:10px 0 20px}.memory-area{padding:25px;text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.memory-card{aspect-ratio:.8;border-radius:10px;border:1px solid #d9c9ed;background:#a990cd;font-size:30px;display:grid;place-items:center;opacity:1!important;box-shadow:0 3px #9580b5}.memory-card.back{color:#d6c7eb}.memory-card.front{background:#fffafc;border-color:#efe2f2;box-shadow:0 3px #e7dcea}.memory-card.matched{background:#f1f7f1;box-shadow:none;border-color:#d8e6d7}.memory-card span{display:block}.casual-area{text-align:center;padding:45px 25px}.casual-area h2{font-size:22px;letter-spacing:-.7px}.casual-area p{font-size:12px;color:#a48fb6;margin:16px 0 25px}.big-die{font-size:140px;line-height:1.3;color:#a68acb;text-shadow:4px 8px 0 #efe6fa}.casual-area h2 em{font-style:normal;color:#a98cd0}.rps-options{display:flex;gap:15px;justify-content:center;margin:30px 0}.rps-options button{border:1px solid #e5d9f0;background:#faf6ff;border-radius:16px;padding:20px;font-size:12px;color:#a48bbd}.rps-options button>span{display:block;font-size:53px;margin-bottom:15px}.round-result{padding:20px;background:#f9f6fc;border-radius:10px;font-size:12px;color:#ad94bf}.round-result p{margin:10px 0 0}.waiting{color:#8ba58e!important}.fruit-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:22px 0}.fruit-cards>div>span{font-size:10px;color:#b1a0bc;display:block;margin-bottom:8px}.fruit-card{width:90px;height:125px;border:1px solid #eaddea;background:#fff9f1;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:24px;padding:10px;gap:3px;box-shadow:0 3px #e6d7d4}.fruit-card.card-back{background:#ceb5d3;color:#e9daed;font-size:40px;border:6px solid #dfcce0}.bell-button{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:#fce9bd;border-radius:50%;width:110px;height:110px;font-size:45px;box-shadow:0 6px #e5c788;margin-top:20px}.bell-button>span{font-size:12px;color:#b39454}.halli-log{font-size:11px!important}.code-area{padding:28px}.hand-row{margin-bottom:25px}.hand-row>b{font-size:11px;color:#a089b3}.code-tiles{display:flex;gap:10px;margin-top:12px}.code-tile{width:56px;height:75px;border-radius:9px;font-size:30px;position:relative;border:1px solid #e4dbe9;box-shadow:0 4px #e1d7e6;opacity:1!important}.code-tile.color0{background:#4b4254;color:#fff;border-color:#4b4254;box-shadow:0 4px #322c39}.code-tile.color1{background:#fffaf6;color:#a98cbd}.code-tile.exposed{opacity:.45!important}.code-tile.chosen{outline:3px solid #c094e7;outline-offset:3px;transform:translateY(-5px)}.code-tile small{font-size:8px;display:block;position:absolute;bottom:5px;width:100%;left:0}.guess-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guess-controls p{width:100%;font-size:11px;color:#b3a0c0;margin-bottom:5px}.guess-controls input{width:75px;border:1px solid #dfd0e9;border-radius:8px;padding:11px;background:#fcf8ff;color:#a28ab8}.rummy-area{padding:24px}.rummy-table{min-height:240px;background:#f3f0f8;border:1px solid #eae2f4;border-radius:12px;padding:16px;display:flex;align-content:flex-start;gap:12px;flex-wrap:wrap}.table-empty{margin:auto;text-align:center;color:#b7a1ca;font-size:35px}.table-empty p{font-size:12px;margin-top:8px}.table-empty small{font-size:9px}.meld{display:flex;flex-wrap:wrap;gap:3px;padding:5px;border-radius:7px;background:#e8e1f0;opacity:1!important}.number-tile{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:34px;height:48px;border-radius:5px;background:#fffef9;box-shadow:0 2px #d7d0de;font-size:23px;font-weight:700}.number-tile>i{width:3px;height:3px;background:currentColor;border-radius:50%;margin-top:3px}.tile-color0{color:#d27f73}.tile-color1{color:#7698c6}.tile-color2{color:#e0b464}.tile-color3{color:#5c536d}.hand-label{display:flex;justify-content:space-between;font-size:10px;color:#ab93bd;margin:24px 0 13px}.hand-label>b{color:#9d83b0}.tile-rack{display:flex;gap:6px;flex-wrap:wrap;background:#e9e2ee;padding:12px;border-radius:10px}.tile-rack button{padding:0;opacity:1!important;transition:transform .2s}.tile-rack button.chosen{transform:translateY(-9px);outline:2px solid #ba96db;border-radius:5px}.flick-area{padding:25px}.flick-board{background:#e8d4b4;border:7px solid #d9c19c;border-radius:12px;max-width:500px;margin:auto;overflow:hidden}.flick-board svg{width:100%;display:block}.flick-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:23px 0 10px}.flick-controls label{font-size:11px;color:#a48bb7;flex:1;min-width:100px}.flick-controls input{display:block;width:100%;accent-color:#b08bce;margin-top:10px}@media(min-width:1500px){.hero{min-height:350px}.hero-copy{padding:42px}.hero h1{font-size:40px}.hero-visual{right:40px}.hero-tiles{width:390px;top:85px}.hero-dice{width:230px}.card-visual{height:195px}.game-grid{gap:24px}.card-info{padding:21px}.card-info>p{font-size:12px}.card-title h3{font-size:18px}}@media(max-width:1200px){.sidebar{width:200px;padding:30px 15px}.main{margin-left:200px}.content{padding:25px 28px 0}.topbar{padding:0 28px}.hero-copy{padding:30px 25px}.hero h1{font-size:30px}.hero-visual{width:38%;opacity:.8}.hero-tiles{width:260px;left:-35px;top:100px}.hero-dice{width:155px;right:-20px}.hero-stone{width:45px;height:45px;left:0}.hero-cursor{right:15px;bottom:65px}.hero-bubble{left:-5px;bottom:35px}.game-grid{gap:16px}.card-visual{height:145px}.card-info{padding:14px}.card-info>p{font-size:9px}.card-meta{gap:8px;font-size:8px}.card-meta>b{display:none}.play-layout,.party-lobby{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.party-panel{padding:16px}.game-controls{gap:6px}.game-controls .button{font-size:10px;padding:10px}.rps-options{gap:8px}.rps-options button{padding:15px}.rps-options button>span{font-size:40px}.memory-grid{gap:6px}.memory-card{font-size:22px}}@media(max-width:950px){.sidebar{width:77px;padding:25px 12px}.brand{padding:0;justify-content:center}.brand>span:last-child,.side-label,.sidebar-bottom,.nav-item>span{display:none}.nav-item{font-size:0;justify-content:center;padding:15px;margin-top:20px;gap:0}.nav-item svg{width:22px;height:22px}.nav-item .online-dot{display:none}.main{margin-left:77px}.content{padding:25px}.hero-visual{right:0;width:38%}.hero-copy>p{font-size:10px}.filter-note{display:none}.party-strip{gap:10px;padding:15px}.party-faces{display:none}.party-strip .button.secondary{margin-left:auto}.play-layout,.party-lobby{grid-template-columns:minmax(0,1fr) 240px}.board-wrap{padding:18px}.rummy-area{padding:15px}.rps-options{flex-wrap:wrap}.number-tile{width:29px;height:42px;font-size:20px}.memory-grid{grid-template-columns:repeat(4,1fr)}.bottom-banner{padding:18px}.bottom-banner>button{font-size:9px;gap:5px}}@media(max-width:700px){.sidebar{position:static;width:100%;height:68px;border-right:0;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;flex-direction:row;align-items:center;gap:12px}.brand{margin-right:auto;gap:9px}.brand-icon{height:33px;width:33px;border-radius:11px}.brand>span:last-child{display:block;font-size:18px}.brand small{font-size:6px;letter-spacing:1.5px}.nav-item{width:auto;margin:0;padding:10px;border-radius:10px}.main{margin:0}.topbar{height:52px;padding:0 20px}.breadcrumb{font-size:9px;gap:9px}.top-actions{gap:8px}.live-label{font-size:0;gap:0}.content{padding:20px 18px 0}.hero{min-height:355px;border-radius:16px;margin-bottom:28px}.hero-copy{padding:26px 22px}.hero-kicker{font-size:9px;margin-bottom:16px}.hero h1{font-size:29px;letter-spacing:-1.3px;line-height:1.4}.hero-copy>p{font-size:10px;max-width:220px;margin:14px 0 22px}.mobile-only{display:block}.hero-actions{position:relative;z-index:3;gap:7px}.hero-actions .button{padding:11px 13px;font-size:10px;gap:6px;min-height:40px}.hero-actions .button svg{width:14px}.hero-note{font-size:8px;gap:6px;margin-top:20px}.hero-visual{width:160px;right:-25px;bottom:auto;top:25px;height:215px;opacity:.65}.hero-tiles{width:170px;left:0;top:89px}.hero-stone{width:35px;height:35px;left:45px;top:32px}.hero-dice{width:115px;right:-20px;top:0}.hero-bubble,.hero-cursor,.orbit,.s1{display:none}.s2{left:65px;top:5px;font-size:18px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:25px;margin-bottom:16px}.section-heading h2{font-size:20px}.section-heading p{font-size:10px}.search{width:100%;padding:10px 12px}.search input{font-size:11px}.filter-bar{margin-bottom:18px;overflow:auto}.filters{gap:2px;flex-wrap:nowrap}.filters button{font-size:10px;padding:8px 11px;white-space:nowrap}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-visual{height:128px}.card-info{padding:13px 12px 10px}.card-title h3{font-size:14px}.card-title>span{font-size:7px;padding:3px 4px}.card-info>p{font-size:9px;line-height:1.6;min-height:29px;margin:7px 0 10px}.card-meta{padding-top:10px;gap:10px;font-size:8px}.card-meta svg{width:11px;height:11px}.art-badge{font-size:7px;top:9px;left:9px;padding:4px 6px}.game-card{border-radius:11px}.bottom-banner{margin-top:24px;padding:18px;gap:12px;flex-wrap:wrap}.banner-icon{width:36px;height:36px;border-radius:10px}.banner-icon svg{width:23px}.bottom-banner b{font-size:10px}.bottom-banner p{font-size:8px}.bottom-banner>button{margin-left:48px;font-size:9px}footer{font-size:8px;gap:10px;padding:25px 0}footer>span:last-child{display:none}.modal{padding:26px;border-radius:18px}.modal h2{font-size:21px}.modal-backdrop{padding:16px}.party-strip{flex-wrap:wrap;padding:15px}.party-strip-title{width:100%}.party-strip .button{flex:1;font-size:10px}.party-strip .button.secondary{margin-left:0}.play-layout,.party-lobby{grid-template-columns:1fr}.party-panel{padding:20px}.selection-panel{padding:25px}.party-panel .chat-messages{height:145px}.section-heading h1{font-size:25px}.section-heading>.inline .button{padding:9px 12px;min-height:36px;font-size:10px}.board-wrap{padding:18px}.board{padding:7px;border-width:5px}.board-legend{font-size:10px}.board.tictac .piece{font-size:60px}.game-controls>span{width:100%;text-align:center;margin-bottom:6px}.game-controls .button{font-size:11px}.memory-grid{grid-template-columns:repeat(6,1fr);gap:7px}.memory-card{border-radius:6px;font-size:22px}.memory-area{padding:18px}.rps-options{gap:10px}.rps-options button{padding:20px 16px}.rps-options button>span{font-size:45px}.fruit-card{width:75px;height:105px;font-size:22px}.fruit-cards{gap:11px}.code-area{padding:20px}.code-tile{width:51px;height:69px}.code-tiles{gap:9px}.rummy-area{padding:16px}.number-tile{width:30px;height:43px}.rummy-table{min-height:200px;padding:12px}.table-empty p{font-size:11px}.flick-area{padding:18px}.casual-area{padding:30px 20px}.toast{font-size:11px;padding:13px 18px;bottom:20px}}.hero-copy>p{color:#887499}.card-info>p{color:#877b94;font-size:11px}.section-heading p{color:#8d8199}.card-meta{color:#8e7e9f}.filter-note{color:#94869f}.filters button:not(.selected){color:#85778f}.game-hint{color:#8f799f}.rules-inline{color:#796487}.player>div>span{color:#95829f}.chat-messages p{color:#786485}@media(max-width:700px){.card-info>p{font-size:10px}.hero-copy>p{font-size:11px}.card-meta{font-size:9px}.filters button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}