:root{font-family:Arial,'Microsoft YaHei',sans-serif;color:#ddd8cb;background:#141618;color-scheme:dark;--ink:#ddd8cb;--muted:#82867e;--gold:#bda36d;--line:#b7aa7e26;--panel:#202420}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,input:focus-visible,input:focus-visible+span{outline:2px solid #cfb77c;outline-offset:4px}[hidden]{display:none!important}svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#stage{position:fixed;inset:0;outline:none;touch-action:none;transition:filter .5s,opacity .5s}#stage canvas{display:block;width:100%;height:100%;touch-action:none}#stage.ready{cursor:grab}#stage.dragging{cursor:grabbing}#loading{position:absolute;inset:0;z-index:2;display:grid;place-content:center;background:#181b19}#loading .mini-coin{width:45px;height:45px;animation:loading 1.8s ease-in-out infinite}@keyframes loading{50%{transform:rotateY(180deg)}}
.players{position:fixed;z-index:3;top:max(15px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;gap:9px;pointer-events:none}.player{width:38px;height:38px;padding:4px;display:grid;place-items:center;border-radius:50%;transition:opacity .3s,box-shadow .3s;background:#10151055;box-shadow:0 2px 8px #0002}.player.active{box-shadow:0 0 0 1px #f0d694b3,0 0 0 4px #e4c88913,0 2px 8px #0002;background:#ead39d20}.player.thinking{animation:thinking 1.2s ease-in-out infinite}.player.out,.player.disconnected{opacity:.25;filter:grayscale(1)}.player.out .mini-coin{transform:scale(.75)}@keyframes thinking{50%{opacity:.45}}.mini-coin{height:29px;width:29px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font:19px Georgia;color:#796132;background:radial-gradient(circle at 25% 25%,#ead49e,#b38a43);box-shadow:inset 0 0 0 2px #d6b86f,inset 0 0 0 3px #a98a51,1px 2px 3px #0007}.mini-coin.silver{color:#6d7370;background:radial-gradient(circle at 25% 25%,#eef0e7,#919994);box-shadow:inset 0 0 0 2px #d7dcd4,inset 0 0 0 3px #909a95,1px 2px 3px #0007}.mini-coin.copper{background:radial-gradient(circle at 25% 25%,#e4b399,#a4654e);color:#754635;box-shadow:inset 0 0 0 2px #d7a38b,inset 0 0 0 3px #a4684f}.mini-coin.bronze{background:radial-gradient(circle at 25% 25%,#9b9d82,#5c6652);color:#e1ddc2;box-shadow:inset 0 0 0 2px #979b7c,inset 0 0 0 3px #596049}
.controls{position:fixed;z-index:13;top:max(15px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;gap:7px}.icon-button,.close-button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#e2ddcdbb;background:#10151370;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0002;border:1px solid #d3c59d13;transition:background .2s,color .2s}.icon-button:hover,.icon-button:focus-visible{background:#45483c;color:#ffedba}.icon-button[aria-pressed=true]{color:#f4d998;background:#78654370}.icon-button:disabled,.action-button:disabled,.play-button:disabled{opacity:.35;cursor:default;transform:none}.power{position:fixed;z-index:4;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,8px);width:min(238px,calc(100% - 110px));height:44px;padding:0 15px;display:flex;align-items:center;gap:12px;border:1px solid #d3c59d18;border-radius:14px;background:#101713e8;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;user-select:none;-webkit-user-select:none}.power.visible{opacity:1;transform:translate(-50%,0)}.power-track{position:relative;display:block;flex:1;height:4px;border-radius:3px;background:#fff9d724}.power #power-fill{position:absolute;inset:0;border-radius:3px;background:#ead49e;transform:scaleX(0);transform-origin:left center}.power-tick{position:absolute;left:20%;top:-3px;width:1px;height:10px;background:#f0e0ac4a}.power #power-value{width:29px;color:#e8d7a9;font:11px 'Courier New',monospace;text-align:right;font-variant-numeric:tabular-nums}#stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{touch-action:manipulation}
body[data-screen=home] #stage,body[data-screen=lobby] #stage{filter:blur(3px);opacity:.34}body:not([data-screen=game])>.players,body:not([data-screen=game])>.power,body:not([data-screen=game]) #home-button,body:not([data-screen=game]) #new-game,body:not([data-screen=game]) #restart{display:none}body:not([data-screen=home]) #home-screen{display:none}body:not([data-screen=lobby]) #lobby-screen{display:none}.home-screen,.lobby-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 36%,#3b362324 0,transparent 42%),linear-gradient(#101512b8,#101414e8);overflow:auto}.home-screen::after,.lobby-screen::after{content:'';position:absolute;inset:12px;border:1px solid #d7bb7e07;border-radius:4px;pointer-events:none}.home-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:35px 20px 50px;isolation:isolate}.coin-orbit{position:relative;width:310px;height:310px;display:grid;place-items:center;border:1px solid #dbc18a11;border-radius:50%;margin-bottom:-12px}.coin-orbit::before{content:'';position:absolute;inset:26px;border:1px solid #dbc18a0b;border-radius:50%}.coin-orbit::after{content:'';position:absolute;inset:-60px;background:radial-gradient(ellipse,#b4954b14,transparent 65%);z-index:-1}.orbit-mark{position:absolute;height:5px;width:5px;border-radius:50%;background:#bda36d72;box-shadow:0 0 9px #bda36d25}.mark-one{top:49px;right:37px}.mark-two{bottom:33px;left:55px;height:3px;width:3px;opacity:.5}.hero-coin{position:relative;width:190px;height:190px;border-radius:50%;padding:8px;background:repeating-conic-gradient(from 0deg,#e0bd78 0deg 1deg,#8c6e3d 1.1deg 2deg,#b29254 2.1deg 3deg);box-shadow:1px 6px 0 #6a512c,3px 12px 22px #0009,0 0 70px #c0a2620a;transform:rotate(-17deg) rotateY(-12deg);animation:coin-float 8s ease-in-out infinite}.hero-coin::after{content:'';position:absolute;inset:4px;border:1px solid #ffe0a050;border-radius:50%}.hero-face{height:100%;width:100%;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 24% 13%,#e5c99099,transparent 50%),repeating-linear-gradient(98deg,#a48b5811 0px,#f9e1ac11 1px,transparent 2px,transparent 4px),linear-gradient(130deg,#bfa46c,#96733e 60%,#ba9455);border:2px solid #7e612c;box-shadow:inset 0 0 0 3px #ddbe775e,inset 0 0 0 6px #85673260,inset 0 0 20px #d8b16f35}.hero-face::before{content:'';position:absolute;inset:14px;border:2px dotted #70542380;border-radius:50%}.hero-face span{font:bold 111px Georgia;color:#735326;text-shadow:1px 2px 0 #ecd09a80,-1px -1px 0 #593f2340;transform:translateY(-3px)}.hero-face i{position:absolute;width:33px;height:2px;bottom:35px;background:#715429;border-radius:3px;box-shadow:1px 1px #e0be7a66}.home-content h1{font:400 42px Georgia,serif;letter-spacing:-1.3px;color:#e8e1d0;margin:20px 0 38px}.home-content h1 em{font-weight:400;color:#bfab7a}.home-actions{display:flex;gap:12px}.mode-card{position:relative;background:linear-gradient(150deg,#31352c9c,#232a2480);color:#aaa998;width:104px;height:91px;border:1px solid #b3a67d25;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;box-shadow:inset 0 1px 0 #fff4cb04;transition:transform .25s,border-color .25s,background .25s,color .25s}.mode-card>svg{width:25px;height:25px;stroke-width:1.25}.mode-card>span{font-size:11px;letter-spacing:3px;padding-left:3px}.mode-card:hover{transform:translateY(-4px);border-color:#b4a06f7a;background:#3f4437;color:#eddaa8}.online-card{color:#e0c68b;background:linear-gradient(140deg,#7261403b,#343c2c52);border-color:#b5a06d55}.online-card i{position:absolute;width:4px;height:4px;top:11px;right:11px;background:#b5c38b;border-radius:50%;box-shadow:0 0 8px #b5c38b42}@keyframes coin-float{50%{transform:translateY(-7px) rotate(-15deg) rotateY(-8deg)}}
dialog{color:#d9d5c7;background:#222720f5;border:1px solid #b7aa7e32;border-radius:18px;padding:44px 30px 28px;width:min(340px,calc(100% - 32px));max-height:90svh;box-shadow:0 25px 100px #0009;backdrop-filter:blur(18px)}dialog::backdrop{background:#080c0ab8;backdrop-filter:blur(5px)}.close-button{position:absolute;right:10px;top:8px;background:transparent;color:#8d9384;box-shadow:none;width:29px;height:29px;border:0}.close-button svg{width:16px;height:16px}fieldset{border:0;margin:0;padding:0}fieldset input{position:absolute;opacity:0}.mode-options{display:flex;gap:8px;justify-content:center}.mode-options label>span:not(.sr-only){width:57px;height:62px;display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;border:1px solid #9eaa812b;border-radius:8px;font:23px Georgia;cursor:pointer;color:#929887;transition:.2s}.mode-options label:first-of-type>span:not(.sr-only){font:12px Arial}.mode-options input:checked+span{color:#e1c78d;background:#8e7a4930;border-color:#bdab6c80;box-shadow:inset 0 0 0 1px #bdab6c1a}.difficulty-options{margin:20px 0 0;display:flex;gap:7px;justify-content:center}.difficulty-options label>span:not(.sr-only){display:grid;place-items:center;width:45px;height:27px;border:1px solid transparent;border-radius:16px;color:#656f5e;cursor:pointer;letter-spacing:2px;font-size:18px}.difficulty-options input:checked+span{background:#97855624;color:#c4b276;border-color:#b4bda526}.difficulty-options:disabled{opacity:.25}.play-button{background:#b6a16b;color:#1b271b;display:grid;place-items:center;width:58px;height:45px;border-radius:25px;margin:24px auto 0;transition:background .2s,transform .2s}.play-button:hover{background:#d4be83;transform:translateY(-1px)}.play-button svg{height:21px;width:21px}.result-dialog{width:230px;display:none;text-align:center;padding:25px 30px}.result-dialog[open]{display:block}.crown{width:36px;height:30px;color:#bca265;margin-bottom:9px}.result-dialog>.mini-coin{width:65px;height:65px;font-size:40px;margin:auto}.result-actions{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:25px}.result-actions .play-button{margin:0}.result-actions .icon-button{background:#47503a6b;color:#c5c9b6}.result-note{font-size:11px;line-height:1.7;color:#a9b09b;margin:18px 0 -6px}
.online-dialog{padding-top:35px}.online-symbol{display:block;width:33px;height:33px;color:#b9a36e;margin:0 auto 22px;stroke-width:1.2}.capacity-options label>span:not(.sr-only),.capacity-options label:first-of-type>span:not(.sr-only){font:21px Georgia;width:60px;height:46px}.action-button{height:43px;padding:0 24px;border:1px solid #b5a67d40;border-radius:7px;background:#37402f;color:#d9d4c1;display:inline-flex;gap:11px;align-items:center;justify-content:center;font-size:12px;letter-spacing:2px;transition:background .2s}.action-button:hover{background:#4c563f}.primary-action{background:#b6a16b;color:#1b271b;border-color:#d5c58d38}.primary-action:hover{background:#d4be83}.action-button svg{width:17px;height:17px}.online-dialog>#create-room{display:flex;width:100%;margin:18px 0 0}.online-divider{height:1px;background:linear-gradient(90deg,transparent,#c3b58030,transparent);margin:25px 0}.join-form{display:flex;gap:8px}.join-form input{min-width:0;width:100%;height:43px;background:#121a1470;border:1px solid #b5a67d35;border-radius:6px;padding:0 12px;font:17px 'Courier New',monospace;letter-spacing:3px;color:#e3d5ac;text-transform:uppercase}.join-form input::placeholder{font:11px Arial,'Microsoft YaHei',sans-serif;letter-spacing:2px;color:#798273;text-transform:none}.join-form .icon-button{flex-shrink:0;width:43px;height:43px;border-radius:6px;background:#48523b9c;color:#c7d1b9}.form-error{font-size:11px;color:#d6aa88;line-height:1.7;text-align:center;margin:16px 0 0}.form-error:empty{display:none}
.lobby-content{width:min(490px,calc(100% - 40px));padding:40px 0;display:flex;flex-direction:column;align-items:center}.lobby-back{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));width:40px;height:40px}.lobby-symbol{width:39px;height:39px;color:#9b926f;stroke-width:1.1;margin-bottom:29px}.room-code-line{display:flex;align-items:center;gap:15px;position:relative}.room-code-line>#lobby-code{font:32px 'Courier New',monospace;letter-spacing:8px;color:#e0c992;padding-left:8px;min-height:37px}.room-code-line>.icon-button{position:absolute;right:-49px;top:0;height:36px;width:36px;background:transparent;color:#7e8974;border:0}.room-code-line>.icon-button svg{height:17px;width:17px}.lobby-players{display:flex;align-items:center;justify-content:center;gap:20px;margin:43px 0 20px;min-height:78px;width:100%}.lobby-players>.lobby-player,.lobby-players>.lobby-seat,.lobby-players>.seat,.lobby-players>[role=listitem]{display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center;gap:11px;min-width:64px;min-height:76px;color:#929a86;font-size:10px}.lobby-players .mini-coin{width:48px;height:48px;font-size:30px;box-shadow:inset 0 0 0 2px #c6ab6f,inset 0 0 0 4px #8b733d,0 6px 16px #0005}.lobby-players .empty{opacity:.25}.lobby-players .empty .mini-coin{background:#454c3e;box-shadow:inset 0 0 0 1px #a8b58b70;color:#b1bc9e}.lobby-players .ready::after,.lobby-players [data-ready=true]::after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#a7bd82;top:40px;right:7px;box-shadow:0 0 0 3px #171e17}.lobby-players .disconnected{opacity:.4;filter:grayscale(1)}.lobby-status{min-height:18px;font-size:11px;letter-spacing:1px;color:#7d8974;margin:8px 0 25px}.lobby-actions{display:flex;gap:11px}.lobby-actions .action-button{min-width:120px}.lobby-actions .action-button[aria-pressed=true]{background:#61784a;color:#e7ecd9;border-color:#93a5746b}.connection-status{position:fixed;z-index:4;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:6px;height:6px;border-radius:50%;background:#8ea66a;box-shadow:0 0 0 4px #121a1460}.connection-status.connecting,.connection-status[data-state=connecting]{background:#c9a76b;animation:thinking 1s ease-in-out infinite}.connection-status.disconnected,.connection-status[data-state=disconnected],.connection-status[data-state=error]{background:#d28b6d}.network-message{position:fixed;z-index:20;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 48px);border:1px solid #b6a77926;background:#1a241deb;box-shadow:0 5px 20px #0004;backdrop-filter:blur(12px);padding:12px 19px;border-radius:7px;color:#c1c4ad;font-size:11px;text-align:center;line-height:1.6;pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.controls{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));gap:5px}.players{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:5px}.icon-button{height:32px;width:32px}.icon-button svg{height:17px;width:17px}.player{height:29px;width:29px;padding:3px}.mini-coin{height:24px;width:24px;font-size:16px}.power{bottom:max(17px,env(safe-area-inset-bottom))}.home-content{padding:25px 16px 35px}.coin-orbit{width:274px;height:274px;margin-bottom:-8px}.hero-coin{width:166px;height:166px;padding:7px}.hero-face span{font-size:97px}.hero-face i{bottom:28px;width:28px}.home-content h1{font-size:36px;margin:17px 0 34px}.mode-card{width:91px;height:84px}.home-actions{gap:9px}.mode-card>svg{height:23px;width:23px}.mode-card>span{font-size:10px}.lobby-players{gap:10px}.lobby-players>.lobby-player,.lobby-players>.lobby-seat,.lobby-players>.seat,.lobby-players>[role=listitem]{min-width:58px}.room-code-line>#lobby-code{font-size:29px;letter-spacing:6px}.room-code-line>.icon-button{right:-38px}.lobby-content{width:calc(100% - 48px)}body[data-screen=game] #home-button{position:fixed;top:auto;bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right))}}
@media(max-height:620px) and (min-width:601px){.home-content{padding:15px 20px}.coin-orbit{width:230px;height:230px;margin-bottom:-18px}.hero-coin{width:146px;height:146px;padding:6px}.hero-face span{font-size:84px}.hero-face i{bottom:23px;width:25px}.home-content h1{font-size:36px;margin:12px 0 24px}.mode-card{height:75px;width:99px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.home-screen,.lobby-screen{overflow-x:hidden}.player.self{position:relative}.player.self::after{content:'';position:absolute;bottom:-4px;width:3px;height:3px;border-radius:50%;background:#e7dfc7}.lobby-seat.self .mini-coin{outline:1px solid #c7b58566;outline-offset:4px}
@media(pointer:coarse){.controls .icon-button,.close-button{min-width:44px;min-height:44px}.close-button{right:4px;top:2px}.power{bottom:max(20px,env(safe-area-inset-bottom))}}