:root{color:#142857;background:#edf5ff;--green:#6664ff;--muted:#8091b7;--paper:#fff;--line:#e7edfc;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}body{background:radial-gradient(ellipse at 15% 20%,#d9eeff 0,transparent 45%),radial-gradient(ellipse at 88% 80%,#e4eeff 0,transparent 55%),#f5f9ff;padding:22px 0 26px}body:before{content:'';position:fixed;left:max(3%,calc(50% - 590px));top:50%;transform:translateY(-50%);width:280px;height:456px;background:url('../assets/story.png') center/contain no-repeat;border-radius:30px;mix-blend-mode:multiply;pointer-events:none}.app{width:390px;max-width:100%;min-height:790px;background:linear-gradient(145deg,#fff 55%,#f8fbff);border:1px solid #acbfff;border-radius:25px;box-shadow:0 8px 28px #92b6ef24;overflow:hidden;position:relative}.demo-label{font-size:10px;padding:5px 8px;background:#f1f5ff;color:#8b9ab8;letter-spacing:0}main{padding:0 22px 90px;min-height:766px;position:relative}header{height:69px;gap:10px;position:relative;z-index:2}header strong{font-size:17px;color:#102453}.back{min-width:36px;min-height:44px;justify-content:flex-start}.more{width:36px;display:grid;place-items:center;color:#172959}.more .icon{width:19px;height:19px}.brand{font-size:28px;font-weight:900;font-style:italic;letter-spacing:0;color:#09265a}.home-header{height:83px;align-items:center;padding-top:5px}.home-header small{font-size:10px;color:#8294bd;display:block;margin:3px 0 0 7px}.home-scene{position:relative;height:132px;margin:-9px -8px -16px;z-index:1}.home-scene img{width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}.floating-heart{position:absolute;top:15px;right:84px;color:#ffa1b2;font-size:18px;transform:rotate(-12deg)}.home-games{position:relative;z-index:2;display:grid;gap:18px}.home-game{border-radius:21px;padding:18px 19px 13px;overflow:hidden;position:relative;border:1px solid #8799ff;background:linear-gradient(125deg,#a5baff,#8888fc 62%,#a5a9ff);box-shadow:inset 0 0 25px #d0d9ff7d}.home-game:after{content:'✧';position:absolute;right:3px;top:30px;font-size:80px;color:#ffffff17;pointer-events:none}.game-card-main{display:flex;gap:15px;text-align:left;align-items:center;width:100%;padding:0;min-height:94px;position:relative;z-index:1}.game-avatar{width:79px;height:79px;border-radius:23px;object-fit:cover;flex:none;mix-blend-mode:multiply}.game-card-main .game-avatar{mix-blend-mode:normal;border-radius:50%;border:3px solid #d8e8ff;box-shadow:0 2px 4px #7288dd66}.home-game h2{color:white;font-size:23px;margin:0 0 7px;font-weight:800;letter-spacing:1px}.home-game p{font-size:12px;line-height:1.65;color:#eef2ff;margin:0}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.card-foot button{background:white;border-radius:20px;padding:4px 20px;min-height:32px;font-size:12px;color:#6968ff;font-weight:600}.paw{color:#f8f9ff;font-size:26px;line-height:1}.home-game.drawing{background:linear-gradient(130deg,#fff1b2,#ffe07d 65%,#ffe8a7);border-color:#ffe38e;box-shadow:inset 0 0 20px #fff7d980}.home-game.drawing h2{color:#a6671f}.home-game.drawing p{color:#b08b44}.home-game.drawing .game-avatar{border-color:#fff8d1}.home-game.drawing button:not(.game-card-main){color:#d59b37}.more-games{margin:10px 0 0;width:100%;font-size:11px;color:#91a1c3;display:flex;align-items:center;justify-content:center;gap:7px}.more-games svg{width:15px}.bottom-nav{position:absolute;bottom:0;left:0;transform:none;width:100%;height:73px;padding:8px 10px max(10px,env(safe-area-inset-bottom));gap:0;background:#fffefef2;border-top:1px solid #edf1ff;border-radius:0 0 25px 25px;backdrop-filter:none}.bottom-nav button{display:flex;flex-direction:column;gap:3px;font-size:10px;padding:0;min-height:45px;border-radius:0;color:#a6b6d2}.bottom-nav .icon{width:22px;height:22px;stroke-width:2.4}.bottom-nav button.active{background:none;color:#6560ff;font-weight:700}.primary,.send{background:linear-gradient(180deg,#8c91ff,#6764ff 80%,#6d6cff);box-shadow:inset 0 1px 5px #b7baff55;color:white;border:1px solid #8886ff}.primary,.secondary{min-height:47px;border-radius:14px;font-size:14px;margin-top:16px;padding:11px 15px}.secondary{border-color:#d6e2ff;color:#30467b;background:#ffffffc9;font-weight:500}.primary:disabled{opacity:1;background:linear-gradient(180deg,#9a9bff,#8987fb);color:#eeeefe;cursor:not-allowed}.subtle{font-size:12px;color:#8899c0;text-decoration:none;margin-top:10px}.input{border:1px solid #deE8fc;background:#fff;border-radius:13px;min-height:48px;font-size:14px;color:#203566}.input::placeholder{color:#a3b1cc}.error{font-size:12px;min-height:18px;color:#d87585;margin:6px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}h1{font-size:28px}h2{font-size:20px}h3{font-size:15px;color:#293c72}p{color:#8594b8}.quiet{color:#8495ba;font-size:11px}.selection-list{display:grid;gap:22px;padding:36px 3px 0}.selection-card{width:100%;padding:20px 17px;display:flex;align-items:center;gap:15px;text-align:left;border-radius:23px;background:linear-gradient(135deg,#e2f4ff,#cde5ff);border:1px solid #c6e6ff;min-height:153px}.selection-card h2{font-size:23px;color:#4471df}.selection-card p{font-size:12px;color:#7b9acc;line-height:1.65}.selection-card.drawing{background:linear-gradient(135deg,#fff1b2,#ffe49b);border-color:#ffe596}.selection-card.drawing h2{color:#a4702d}.selection-card.drawing p{color:#b39155}.coming-soon{height:230px;display:flex;align-items:center;justify-content:center;gap:20px}.coming-soon span{font-family:cursive;color:#738de0;transform:rotate(-9deg);line-height:2;font-size:17px}.coming-soon img{width:115px;mix-blend-mode:multiply;transform:translateY(36px)}.selected-game{text-align:center;padding:20px 0 35px}.selected-game .game-avatar{width:80px;height:80px;border:1px solid #cecfff;border-radius:20px;background:#edecff}.selected-game h2{font-size:22px;margin:12px 0 0}.form-section{padding:10px 0 18px;border:0}.form-section h3{margin-bottom:15px}.options{gap:13px}.option{border:1px solid #dce7fc;background:#fafcff;border-radius:13px;padding:9px;font-size:14px;min-height:44px;color:#4b6195}.option.selected{background:linear-gradient(#8b8dff,#6864ff);border:1px solid #8b87ff;color:white}.rule-row{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:17px 13px;border:1px solid #e7edfc;border-radius:13px;background:#f7faff;font-size:14px;color:#3d5083}.scene-footer{display:flex;align-items:center;justify-content:space-between;margin:50px 3px 0;height:140px}.scene-footer span{color:#8a9fd2;transform:rotate(-10deg);font-family:cursive;font-size:18px}.scene-footer img{width:130px;align-self:flex-end;mix-blend-mode:multiply}.room-ticket{display:flex;align-items:center;justify-content:center;gap:14px;width:fit-content;margin:20px auto 22px;padding:0 13px;border:1px solid #edf1fc;border-radius:18px;height:48px;background:#fcfdff;font-size:13px}.room-ticket strong{font-size:22px;color:#172758;letter-spacing:1px;font-family:ui-monospace,monospace}.room-ticket button{padding:0;display:grid;place-items:center}.room-ticket .icon{width:16px}.room-game-name{text-align:center;font-size:14px;color:#5f75aa;font-weight:600;margin:26px 0}.players{display:grid;grid-template-columns:1fr 1fr;gap:24px}.player{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 10px 19px;background:linear-gradient(145deg,#fafcff,#f2f7ff);border:1px solid #e3edfd;border-radius:19px;font-size:13px}.player .game-avatar{width:74px;height:74px}.ready{background:#dff9ec;color:#51ae85;border-radius:11px;font-size:12px;padding:4px 16px;display:inline-block}.unready{font-size:12px;color:#94a3c0;padding:4px 10px}.two-buttons{display:flex;gap:16px}.two-buttons button{flex:1}.room-footer{margin:30px -5px 0;display:flex;align-items:center;justify-content:center}.room-footer img{width:195px;mix-blend-mode:multiply}.room-footer span{transform:rotate(-12deg);font-size:15px}.join-form{margin-top:24px}.join-scene{margin:75px 0 0;text-align:center}.join-scene img{width:220px;mix-blend-mode:multiply}.join-scene p{font-size:13px}.join-scene small{color:#a4b0c9;font-size:11px}.tabs{display:flex;border-radius:16px;background:#f3f7ff;margin-bottom:12px;padding:3px}.tabs button{flex:1;font-size:14px;min-height:39px;color:#97a7c8}.tabs button.active{background:white;border:1px solid #dfE8fc;border-radius:13px;color:#3e4f84;box-shadow:0 2px 4px #dce7fc66}.person{padding:18px 2px;border-color:#edf1fa;gap:13px}.person .game-avatar{width:49px;height:49px;border-radius:50%}.person strong{font-size:15px;font-weight:600;color:#384e80}.person p{font-size:12px;color:#8ea1c3}.person time{font-size:11px;color:#92a4c8}.friend-list{margin-bottom:10px}.friend-row:nth-child(3) .game-avatar{filter:hue-rotate(35deg)}.friend-row:nth-child(4) .game-avatar{filter:hue-rotate(160deg)}.friend-row:nth-child(5) .game-avatar{filter:hue-rotate(230deg)}.setting-row{display:flex;align-items:center;width:100%;gap:16px;border-bottom:1px solid #f0f3fb;min-height:65px;text-align:left;font-size:14px;padding:9px 7px}.setting-row small,.setting-row>span:last-child:not(:nth-child(2)){margin-left:auto;color:#98acd2}.setting-row .setting-symbol{font-size:21px;color:#2c4080;width:23px;text-align:center}.setting-row .switch{margin-left:auto;min-height:44px;width:54px;position:relative;padding:0;background:none;flex:none}.switch:before{content:'';position:absolute;width:44px;height:25px;left:5px;top:9px;border-radius:20px;background:#ccd5e8}.switch.on:before{background:linear-gradient(90deg,#8d8cff,#665cff)}.switch i{position:absolute;top:11px;left:7px;width:21px;height:21px;border-radius:50%;background:#fff;transition:left .15s}.switch.on i{left:26px}.settings-list{margin-top:9px}.settings-scene{display:flex;align-items:center;justify-content:space-between;height:180px;margin:25px -10px 0}.settings-scene img{width:180px;mix-blend-mode:multiply}.settings-scene span{font-size:21px;color:#7a7ae8;font-family:cursive;transform:rotate(-17deg);margin-left:12px}.profile-card{text-align:center;padding:30px 0}.profile-card .game-avatar{width:98px;height:98px;border-radius:50%}.profile-card h2{margin-top:15px}.profile-friends{width:220px;display:block;margin:60px auto 0;mix-blend-mode:multiply}.chat-presence{font-size:11px;text-align:center;margin:-8px 0 12px}.chat-presence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75c6a9}.chat-area{min-height:365px;gap:20px}.chat-incoming{display:flex;align-items:flex-start;gap:10px}.chat-incoming .game-avatar{width:37px;height:37px;border-radius:50%}.bubble{background:#f1f6ff;color:#415983;font-size:14px;border:1px solid #e5ecfd}.bubble.me{background:#8587ff;border-color:#9295ff}.chat-time{font-size:11px;color:#a4b2ce}.invite{background:linear-gradient(145deg,#fff,#f9fbff);border:1px solid #d6e3ff;border-radius:19px;width:95%;padding:18px;align-self:center}.invite-head{display:flex;justify-content:space-between;align-items:center}.invite-head strong{font-size:23px;font-style:italic;color:#152f66}.invite-head img{width:125px;mix-blend-mode:multiply}.invite p{color:#516b9b;font-size:13px}.composer{background:#fff;bottom:10px}.send{padding:0 16px;font-size:14px}.cute-dialog{border:1px solid #bed1ff;border-radius:23px;padding:25px;text-align:center;max-width:330px;width:85%;color:#20376a;box-shadow:0 20px 70px #718dc444}.cute-dialog::backdrop{background:#20356944;backdrop-filter:blur(3px)}.cute-dialog>img{width:110px;mix-blend-mode:multiply}.cute-dialog p{font-size:13px}.cute-dialog h3{font-size:19px}.app[data-page="numbers"],.app[data-page="result"]{background:radial-gradient(circle at 90% 20%,#c9caff66,transparent 45%),linear-gradient(150deg,#8299ff,#787cff 48%,#b9ddff);border-color:#8c9aff}.app[data-page="numbers"] header strong,.app[data-page="numbers"] header button,.app[data-page="result"] header strong,.app[data-page="result"] header button{color:white}.app[data-page="numbers"] .demo-label,.app[data-page="result"] .demo-label{background:#919fff;color:#eff1ff}.app[data-page="numbers"] main,.app[data-page="result"] main{padding:0 19px 42px}.game-status{font-size:12px;margin:5px 0 17px;color:#eef4ff}.number-panel{background:#fffffff2;border:1px solid #dfe7ff;border-radius:24px;padding:20px 15px 13px;box-shadow:0 3px 8px #5e75de18;position:relative;z-index:1}.number-panel h3{font-size:14px;margin:5px 0 12px}.rules{padding-left:20px;font-size:12px;line-height:1.9;color:#7a8bb2;margin:0 0 25px}.number-label{font-size:12px;margin:25px 0 0;color:#4c608c}.slots{gap:10px;margin:13px 0}.slot{flex:1;max-width:66px;height:40px;font-size:24px;background:#eef5ff;border:1px solid #e6edfe;border-radius:12px;color:#294573}.slot.empty{color:#c8d7ef}.keypad{gap:7px;margin:10px 0 0}.keypad button{height:43px;min-height:43px;border:1px solid #e1e9fd;background:#fff;border-radius:11px;font-size:19px;color:#162d61;box-shadow:0 2px 2px #aec2e612}.keypad button:last-child{font-size:13px;background:linear-gradient(#9297ff,#716aff);color:white}.keypad button:nth-last-child(3){font-size:12px}.history{border:0;max-height:315px;min-height:235px}.guess-row{padding:8px 9px;margin:0 0 5px;border:0;border-radius:13px;gap:6px;background:#f0f6ff;color:#2c4171}.guess-row:nth-child(even){background:white}.guess-row .game-avatar{width:25px;height:25px;border-radius:50%}.guess-row span{font-size:11px}.guess-row b{font-size:16px;font-weight:500;letter-spacing:1px}.ab{background:none;font-size:12px;padding:0;color:#1c3670}.number-hint{font-size:10px;margin:10px 0}.corner-cat{position:absolute;bottom:4px;left:0;width:68px;z-index:2;mix-blend-mode:multiply;pointer-events:none}.result-banner{text-align:center;padding:5px 0 0}.crown{font-size:57px;color:#ffe281;line-height:1}.result-banner h1{font-size:35px;color:#fff;margin:5px 0 10px;text-shadow:0 3px #b37dcd,2px 0 #eeb1e9,-2px 0 #eeb1e9;transform:rotate(-5deg)}.result-banner img{width:255px;border-radius:24px;mix-blend-mode:multiply}.result-panel{background:white;border-radius:20px;padding:13px 25px;margin:-10px 0 10px;position:relative}.result-panel p{font-size:14px;color:#798abb;margin:5px}.result-panel strong{color:#1f3369;letter-spacing:2px;margin-left:15px}.scores{margin:22px 0;color:white;gap:20px}.scores>div{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:13px;flex:1}.scores .game-avatar{width:42px;height:42px;border-radius:50%;mix-blend-mode:normal}.scores b{font:14px inherit}.result-actions{padding:10px 18px 20px;background:#fff;border-radius:22px}.app[data-page="drawing"]{background:linear-gradient(130deg,#fff5d6,#fff 20%,#fff 75%,#e4f5ff);border-color:#b7d9f4}.app[data-page="drawing"] main{padding:0 17px 32px}.app[data-page="drawing"] .game-status{color:#426796;border:1px solid #e7ecfe;border-radius:14px;padding:12px;background:white;margin:0 0 13px}.app[data-page="drawing"] h2{font-size:16px;color:#526992}.app[data-page="drawing"] p{font-size:12px}.progress{background:#f1ecff;height:4px;margin-bottom:12px}.progress>div{background:#a39bff}.canvas-wrap{border:1px solid #eededc;border-radius:18px;box-shadow:0 3px 8px #d9c8c533;margin:15px 0}.canvas-wrap canvas{aspect-ratio:.93;background:#fffefb}.tools{gap:5px;justify-content:center}.swatch{width:40px;height:40px;min-height:40px;border:8px solid white;box-shadow:none}.swatch.selected{outline:1px solid #9eb5f7;outline-offset:-3px}.tool{border:1px solid #e5edff;background:white;border-radius:11px;min-height:43px;font-size:12px;color:#3b578c}.tool.selected{background:#ebeaff}.tool select{font-size:12px;color:#4c6398}.notice{border:0;font-size:11px;color:#99a5bf;padding:0;text-align:center;margin:13px 0}.words{gap:15px}.word{border:1px solid #ece4f6;background:#fffdf7;color:#516184;font-size:20px;border-radius:18px}.eyebrow{color:#8e9bc2}.prototype-bar{background:#e4ecff;color:#475f98;margin-bottom:18px;margin-top:-22px}.prototype-bar button,.prototype-bar a{background:white;color:#6564bb;border:1px solid #d5e0ff}.wire .app{filter:grayscale(1)}#toast{background:#59648deF;color:white;font-size:12px;border:1px solid #a4b6e8;border-radius:13px;bottom:35px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #ffca6b;outline-offset:3px}@media(max-width:900px){body:before{display:none}}@media(max-width:500px){body{padding:0;background:white}.app{width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none}main{min-height:calc(100dvh - 23px);padding-bottom:90px}.bottom-nav{border-radius:0;position:fixed;bottom:0;left:0;width:100%}.prototype-bar{margin:0;padding:8px}.home-scene{height:130px}.home-game{padding-top:18px;padding-bottom:13px}.app[data-page="numbers"] main,.app[data-page="result"] main{min-height:calc(100dvh - 23px)}.settings-scene{margin-top:25px}}@media(max-width:350px){main{padding-left:17px;padding-right:17px}.home-game{padding:12px 14px}.game-card-main{gap:12px;min-height:80px}.game-avatar{width:65px;height:65px}.home-game h2{font-size:21px}.home-scene{height:110px}.room-ticket{gap:9px}.room-ticket strong{font-size:20px}.players{gap:12px}.keypad button{height:40px;min-height:40px}.number-panel{padding:16px 12px}.selection-card{padding:16px 12px;gap:10px}.selection-card h2{font-size:20px}}