:root{color:#241a12;background:#f8fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:0;border-radius:8px;color:#241a12;background:#ffca28;min-height:44px;padding:0 18px;font-weight:800;cursor:pointer;box-shadow:0 4px #bc7920}button:active{transform:translateY(2px);box-shadow:0 2px #bc7920}button:disabled{cursor:not-allowed;opacity:.48;transform:none}.secondary-button{background:#ffffffdb;border:1px solid rgba(36,26,18,.16);box-shadow:none}.secondary-button:active{transform:none;box-shadow:none}input{width:100%;min-height:44px;border:2px solid rgba(36,26,18,.14);border-radius:8px;background:#fffffff0;color:#241a12;padding:0 12px;outline:none}input:focus{border-color:#1e88e5}.app{position:fixed;inset:0;display:grid;place-items:center;background:#f8fbff}.game-canvas{width:min(100vw,177.7778vh);height:min(56.25vw,100vh);display:block;touch-action:none;-webkit-user-select:none;user-select:none}.entry-panel,.lobby-panel{position:absolute;left:max(18px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);width:min(390px,calc(100vw - 36px));border:2px solid rgba(36,26,18,.12);border-radius:8px;background:#ffffffe6;padding:18px;box-shadow:0 20px 60px #46372129;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sound-button{min-height:30px;padding:0 10px;border:1px solid rgba(36,26,18,.14);border-radius:8px;background:#ffffffc7;box-shadow:none;color:#241a12;font-size:13px;font-weight:900}.sound-button:active{transform:none;box-shadow:none}.entry-sound{position:absolute;right:14px;top:14px}.brand-row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.brand-row img{width:58px;height:58px}.brand-row h1{margin:0;font-size:32px;line-height:1.05}.brand-row p,.entry-tip,.error-text{margin:4px 0 0;color:#241a12a3;font-size:14px}.entry-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}.entry-form label{display:grid;gap:6px;color:#241a12a8;font-size:13px;font-weight:800}.join-form button{min-width:78px}.error-text{color:#d23f31;font-weight:800}.lobby-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.lobby-head span{display:block;color:#241a128f;font-size:13px;font-weight:800}.lobby-head strong{display:block;font-size:42px;letter-spacing:0;line-height:1}.status-pill{border-radius:999px;background:#69d2e738;color:#15697d!important;padding:7px 10px}.player-list{display:grid;gap:8px;margin:16px 0}.player-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-height:36px;border:1px solid rgba(36,26,18,.1);border-radius:8px;background:#ffffff9e;padding:0 10px;font-weight:800}.player-row em{font-style:normal;color:#241a1294;font-size:13px}.dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(36,26,18,.12)}.lobby-panel button{width:100%}.game-hud,.turn-bar{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(36,26,18,.12);border-radius:8px;background:#ffffffb8;color:#241a12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-hud{top:max(12px,env(safe-area-inset-top));min-height:38px;padding:0 14px;font-size:13px;font-weight:800}.turn-bar{bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:0 16px;font-size:15px;font-weight:900}.turn-bar strong{min-width:34px;text-align:center}.turn-toast{position:absolute;left:50%;top:max(70px,calc(env(safe-area-inset-top) + 54px));transform:translate(-50%);min-width:240px;max-width:min(520px,calc(100vw - 48px));border:2px solid rgba(36,26,18,.12);border-radius:8px;background:#ffffffd1;box-shadow:0 12px 34px #392b1a21;color:#241a12;padding:10px 16px;text-align:center;font-size:20px;font-weight:900;animation:turnToastIn .52s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-toast.mine{border-color:#ffca28b8;background:#fff9dce6}.result-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;width:min(360px,calc(100vw - 40px));border:2px solid rgba(36,26,18,.14);border-radius:8px;background:#ffffffdb;box-shadow:0 20px 60px #46372129;padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-panel strong{font-size:30px;line-height:1.1}.result-panel span{color:#241a1294;font-size:14px;font-weight:800}.result-panel div{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}@keyframes turnToastIn{0%{opacity:0;transform:translate(-50%,-12px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.reconnect-button{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top))}.rotate-cover{display:none}@media(orientation:portrait)and (max-width:900px){.rotate-cover{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#fff8e1;color:#241a12;font-size:30px;font-weight:900}}@media(max-height:520px){.entry-panel,.lobby-panel{width:340px;padding:14px}.brand-row h1{font-size:26px}.brand-row img{width:48px;height:48px}.entry-form{margin-top:8px}}