*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,"Microsoft YaHei",sans-serif}body{background:#071d4d;color:#fff;user-select:none}.game{height:100%;position:relative;background:linear-gradient(#041b5099,#071a51aa),url('assets/extraction-zone-bg.png') center/cover}.top{height:11%;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:clamp(12px,1.8vw,22px)}.pill{padding:.45em .9em;background:#092751ce;border:1px solid #98c9f955;border-radius:99px}.pill b{color:#ffe278;font-size:1.2em}.quit{border:1px solid #8ec9f088;background:#163e75dd;color:#e6f4ff;border-radius:99px;padding:.6em 1.1em;cursor:pointer}.opponent{position:absolute;top:20%;width:14%;text-align:center;font-size:clamp(12px,1.8vw,20px)}.opponent.left{left:2%}.opponent.right{right:2%}.avatar{width:clamp(48px,7vw,92px);aspect-ratio:1;border:3px solid #e7f5ff;border-radius:50%;margin:auto;display:grid;place-items:center;font-weight:bold;font-size:clamp(25px,3.5vw,46px);box-shadow:0 4px 10px #0008}.a1{background:linear-gradient(135deg,#62d3cc,#28729d)}.a2{background:linear-gradient(135deg,#e2a55d,#98436a)}.me{background:linear-gradient(135deg,#ffe26a,#e99032);width:52px;border-width:2px;font-size:20px;margin:0}.name{font-weight:bold;margin-top:6px}.role{display:inline-block;font-size:.8em;border:1px solid #b8dcef77;border-radius:99px;padding:2px 8px;margin:3px}.land{background:#eaa236;color:#54280d;border-color:#ffd779}.back-count{margin:7px auto;width:36px;height:48px;line-height:48px;border:2px solid #d6efff;border-radius:5px;background:repeating-linear-gradient(45deg,#336da1 0 5px,#2b5f93 5px 10px);font-weight:bold}.speech{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;color:#213558;background:#fff;border-radius:12px;padding:6px 9px;font-size:.9em}.speech:before{content:"";position:absolute;left:50%;top:-7px;border:7px solid transparent;border-bottom-color:#fff;transform:translateX(-50%)}.center{position:absolute;top:15%;left:17%;right:17%;text-align:center}.status{font-size:clamp(13px,2vw,23px);color:#d9efff;text-shadow:0 2px 4px #001}.bottoms,.table-cards{display:flex;justify-content:center;margin-top:9px}.mini{width:30px;height:45px;margin:0 2px;padding:2px;background:#fffdf4;color:#1c2130;border-radius:4px;text-align:left;box-shadow:0 2px 4px #0005;font-size:16px;font-weight:bold}.played{margin-top:17px}.played-title{font-size:clamp(11px,1.5vw,17px);color:#c8e0ff}.table-card{width:40px;height:59px;margin-left:-9px;padding:4px;background:#fffef8;border:1px solid #ddd8c8;border-radius:5px;color:#1c2130;text-align:left;box-shadow:0 2px 5px #0008;font-weight:bold;font-size:20px}.red{color:#d43a32}.message{position:absolute;z-index:2;left:50%;top:56%;transform:translate(-50%,-50%);background:#041944c9;border:1px solid #9fc7ef60;border-radius:99px;padding:.45em 1em;white-space:nowrap;font-size:clamp(11px,1.7vw,18px)}.actions{position:absolute;z-index:3;left:50%;bottom:26%;transform:translateX(-50%);display:flex;gap:14px}.action,.start{cursor:pointer;border:0;font-weight:bold;border-radius:99px;padding:.6em 1.3em;font-size:clamp(16px,2.5vw,28px);box-shadow:0 4px 0 #a75a19}.primary,.start{background:linear-gradient(#ffdf76,#ef9b28);color:#54280d}.soft{background:linear-gradient(#cde5ff,#6e9ede);color:#14345f;box-shadow:0 4px 0 #294e7e}.action:disabled{opacity:.4;cursor:default}.human{position:absolute;bottom:0;width:100%;height:31%;background:linear-gradient(transparent,#03163fbf 23%,#021130f2)}.mine{position:absolute;left:2%;top:5%;display:flex;gap:8px;align-items:center;font-size:clamp(12px,1.8vw,18px)}.mine span{display:block}.hand{position:absolute;left:2%;right:2%;bottom:5px;height:77%;}.card{position:absolute;bottom:0;width:clamp(43px,6vw,78px);height:clamp(79px,11vw,142px);padding:5px;background:linear-gradient(135deg,#fff,#f1eee5);border:1px solid #d9d7d0;border-radius:7px;color:#1c2130;box-shadow:0 3px 6px #0008;cursor:pointer;font-weight:900;font-size:clamp(20px,2.7vw,34px);line-height:1.08;transition:bottom .12s}.card.selected{bottom:18px;border-color:#ffe077;box-shadow:0 0 8px #ffd15e,0 3px 6px #0008}.lobby{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.brand-top{font-size:clamp(13px,2vw,22px);letter-spacing:.4em;color:#d9eeff}.brand{font-size:clamp(46px,8vw,91px);font-weight:900;letter-spacing:.12em;line-height:1.2;background:linear-gradient(#fffde6,#e7ba51);-webkit-background-clip:text;color:transparent;text-shadow:0 5px 10px #061635}.subtitle{font-size:clamp(12px,2vw,21px);color:#cfe4fa}.difficulty-box{width:min(640px,80vw);padding:20px;margin:30px 0;background:#031a48b3;border:1px solid #b2dbff70;border-radius:22px}.difficulty-box h2{font-size:clamp(15px,2.2vw,24px);margin:0 0 15px}.levels{display:flex;gap:12px}.level{flex:1;padding:12px 5px;border:1px solid #b6d7f540;border-radius:13px;cursor:pointer;color:#bcd0e6}.level.active{background:linear-gradient(#ffdf79,#e99a31);border-color:#fff1ad;color:#512a0c;box-shadow:0 0 14px #f9bd3d}.level b,.level small{display:block}.start{font-size:clamp(20px,3vw,34px);padding:.55em 2.5em}.note{margin-top:22px;color:#d0e7ffb3;font-size:clamp(11px,1.5vw,16px)}.modal{position:absolute;inset:0;background:#000a;display:grid;place-items:center;z-index:10}.result{width:min(520px,75vw);padding:38px 25px;text-align:center;border:2px solid #f9d47d;border-radius:24px;background:linear-gradient(145deg,#164d8c,#08275c);box-shadow:0 15px 45px #000}.result h1{color:#ffe278;margin:0;font-size:clamp(34px,5vw,56px)}.result p{color:#d7edff;font-size:clamp(14px,2vw,21px)}.result button{margin:8px;border:0;border-radius:99px;padding:.6em 1.4em;cursor:pointer;font-size:clamp(15px,2vw,20px)}.again{background:#f5ad36;color:#54280d}.change{background:#608cbe;color:#fff}@media(max-aspect-ratio:1/1){.game{min-width:700px}.lobby{min-width:700px}.message{top:55%}}