:root{--bg:#f6f8f8;--surface:#fff;--ink:#182b28;--muted:#7d8a87;--line:#e7ecea;--green:#21785e;--green-hover:#17614b;--mint:#e8f4ec;--sidebar:#142b26;--red:#d8755d;--orange:#b47f2b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0}input,select,textarea{width:100%;border:1px solid #dce4e0;background:#fff;border-radius:8px;padding:10px 12px;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #21785e12}input[type=number]{font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:3px solid #76b9a0;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.3;letter-spacing:-1px;font-weight:650}h2{font-size:17px;letter-spacing:-.4px}h3{font-size:14px;font-weight:600}.icon{width:19px;height:19px;flex-shrink:0;stroke-width:1.7;vertical-align:middle}.icon-sm{width:15px;height:15px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#9aa8a2;text-transform:uppercase}.flex{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 17px;border-radius:8px;line-height:1.4;font-size:13px;font-weight:550;white-space:nowrap;transition:background .16s,transform .16s;border:1px solid transparent}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 2px 3px #123b2310}.btn-primary:hover:not(:disabled){background:var(--green-hover)}.btn-secondary{background:#fff;border-color:#dce5e0;color:#42534d}.btn-secondary:hover:not(:disabled){background:#f3f7f4}.btn-ghost{background:transparent;color:#7c8983}.btn-ghost:hover{background:#edf2ef;color:var(--ink)}.btn-danger{background:#bd5945;color:#fff}.btn-wide{width:100%}.icon-btn{padding:7px;display:inline-flex;border-radius:7px;background:transparent;color:#83918a;align-items:center;justify-content:center}.icon-btn:hover{background:#edf2ef;color:var(--green)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:5px;padding:3px 8px;white-space:nowrap;font-weight:500;background:#f0f2f1;color:#84918b}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge-active{background:#e7f4ec;color:#358365}.badge-waiting{background:#fff5e2;color:#b58d43}.badge-paused{background:#f2edf9;color:#8c6eb1}.badge-completed{background:#edf1f3;color:#7b8c94}.badge-cancelled{background:#f8eeeb;color:#ba8274}.hidden{display:none!important}.boot{display:flex;height:100vh;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.boot-mark{font-size:30px;color:var(--green);animation:spin 5s linear infinite}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#91aaa0;padding:30px 18px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:218px;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 11px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#28483c;color:#b2e6c8;border-radius:10px;font-size:26px;line-height:1}.brand-title{font-size:21px;font-weight:650;letter-spacing:3px;line-height:1.1}.brand-sub{font-size:9px;letter-spacing:1.6px;color:#7fa18f;margin-top:5px}.nav-label{font-size:10px;color:#658376;letter-spacing:1.8px;margin:47px 13px 13px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:7px;font-size:13px;color:#a5b8ae;width:100%;text-align:left;background:transparent}.nav-item.active{background:#2b473c;color:#d1eedb}.nav-count{margin-left:auto;font-size:10px;border-radius:4px;padding:1px 7px;background:#45634f;color:#d4e7d8}.side-note{margin:30px 12px 0;padding:16px 0;border-top:1px solid #2b4439;font-size:11px;line-height:1.9;color:#749183}.side-note .icon{margin-bottom:10px;color:#8fb5a0}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;border-top:1px solid #2b4439}.avatar{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#e8f0e9;color:#64846e;font-size:12px;font-weight:600;flex-shrink:0}.avatar-dark{background:#365341;color:#c4dfc7}.sidebar-user{color:#d1ded4;font-size:12px}.sidebar-role{font-size:10px;color:#7a9b88}.sidebar-bottom .icon-btn{margin-left:auto;color:#7a9b88}.workspace{grid-column:2;min-width:0}.topbar{height:73px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#9ba7a1}.breadcrumb strong{font-weight:500;color:#53665b}.topbar-right{display:flex;align-items:center;gap:20px}.live-label{display:flex;align-items:center;gap:7px;color:#8c9b91;font-size:11px}.live-dot{width:6px;height:6px;border-radius:50%;background:#6aa382;box-shadow:0 0 0 3px #eef6f0}.content{max-width:1480px;margin:0 auto;padding:34px 38px 24px;animation:enter .35s ease}.page-heading{margin-bottom:30px}.page-heading p{margin-top:9px;color:#909b96;font-size:12px}.page-heading .btn{align-self:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:11px;margin-bottom:30px;padding:24px 0}.metric{padding:0 26px;position:relative}.metric+.metric{border-left:1px solid var(--line)}.metric-label{font-size:12px;color:#85938b;display:flex;align-items:center;gap:8px}.metric-label .icon{height:15px;width:15px;color:#a0b0a5}.metric-value{font-size:30px;line-height:1.4;font-weight:600;letter-spacing:-1.5px;margin-top:6px}.metric-foot{font-size:10px;color:#9da89f;margin-top:3px}.metric-value.green{color:var(--green)}.orders-section{border:1px solid var(--line);background:white;border-radius:11px;overflow:hidden}.table-toolbar{padding:20px 23px 0}.table-heading{display:flex;align-items:center;gap:9px;margin-bottom:19px}.table-count{font-size:11px;color:#8c9a91;background:#f1f5f2;padding:1px 7px;border-radius:5px}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.tabs{display:flex;align-items:stretch;gap:22px;overflow:auto;scrollbar-width:none}.tab{background:none;color:#929e96;font-size:12px;padding:12px 0 15px;position:relative;white-space:nowrap}.tab.active{color:var(--green);font-weight:600}.tab.active:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--green)}.search{position:relative;width:220px;margin-bottom:10px;flex-shrink:0}.search .icon{position:absolute;left:11px;top:11px;color:#a3aea7;width:15px;height:15px}.search input{padding:8px 10px 8px 34px;font-size:11px;border-color:#e4eae6;background:#fbfcfb}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:12px 23px;font-size:10px;color:#96a197;background:#fbfcfb;font-weight:500;border-bottom:1px solid var(--line)}td{padding:17px 23px;border-bottom:1px solid #eef1ef;font-size:12px;color:#627168}tbody tr{transition:background .16s;cursor:pointer}tbody tr:hover{background:#fafcfb}tbody tr:last-child td{border-bottom:0}.order-number{font-size:12px;color:#273e32;font-weight:600;display:flex;align-items:center;gap:10px}.order-number .order-icon{width:29px;height:31px;border:1px solid #e5ebe7;border-radius:6px;display:grid;place-items:center;color:#97aba0;background:#fcfdfc}.order-icon .icon{width:14px}.dim{color:#9ba79f}.progress-line{display:flex;align-items:center;gap:9px;font-size:10px;color:#89968d}.progress-track{width:69px;height:4px;border-radius:4px;background:#edf2ee;overflow:hidden}.progress-fill{height:100%;background:#65a083;border-radius:4px;transition:width .3s}.row-action{color:#8d9b91;font-size:11px;display:flex;gap:6px;align-items:center;justify-content:flex-end;background:transparent}.row-action:hover{color:var(--green)}.row-action .icon{width:14px;height:14px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-top:1px solid var(--line);font-size:10px;color:#98a49b}.page-buttons{display:flex;gap:6px;align-items:center}.page-btn{min-width:27px;height:27px;background:#fff;border:1px solid #e8ede9;border-radius:5px;display:grid;place-items:center;color:#95a298;font-size:11px}.page-btn.current{background:#f0f6f2;color:#438166;border-color:#dbe9df}.page-btn .icon{width:12px;height:12px}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a8b2aa;font-size:10px;padding-top:24px}.footer .icon{width:12px;height:12px}.empty{padding:70px 20px;text-align:center;color:#98a49b}.empty .icon{width:40px;height:40px;margin-bottom:15px;color:#b8c9be}.empty h3{color:#536b5d;margin-bottom:6px}.back-link{display:flex;align-items:center;gap:7px;background:none;color:#8d9b92;font-size:12px;padding:0;margin-bottom:21px}.back-link .icon{width:14px}.detail-title{display:flex;align-items:center;gap:12px}.detail-meta{display:flex;gap:16px;align-items:center;color:#8b9b90;font-size:11px;margin-top:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.board-panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line)}.panel-head p{color:#99a59c;font-size:11px;margin-top:4px}.panel-head .eyebrow{font-size:9px}.board-area{padding:26px 26px 22px;display:flex;flex-direction:column;align-items:center;overflow:auto;background:radial-gradient(#c6d4cb50 .6px,transparent .6px);background-size:12px 12px}.board-wrap{max-width:100%;width:100%;overflow:auto;padding:3px 3px 10px}.board{--cols:8;display:grid;grid-template-columns:repeat(var(--cols),minmax(30px,1fr));gap:7px;max-width:550px;margin:0 auto;min-width:min-content}.cell{aspect-ratio:1;border-radius:7px;background:#eef2ef;border:1px solid #e2e9e3;box-shadow:0 2px 0 #dde6df;color:#8ba293;display:flex;align-items:center;justify-content:center;position:relative;transition:background .16s,transform .16s,border .16s;min-width:30px;padding:0}.cell .icon{width:43%;height:43%;stroke-width:1.7}.cell:not(:disabled):hover{background:#e0eee3;border-color:#8cbaa0;transform:translateY(-2px)}.cell:disabled{opacity:1;cursor:default}.cell.empty-cell{background:#fafcf9;border-color:#edf0eb;box-shadow:none;color:#c5d2c6}.cell.empty-cell:after{content:'';width:4px;height:4px;border-radius:50%;background:#bdccbf}.cell.mine-cell{background:#edf5e9;border-color:#bdd0b5;box-shadow:0 2px 0 #d3e2cb;color:#6f8e58}.cell.hit-cell{background:#fbece3;border-color:#e7baa4;box-shadow:none;color:#c5825d}.cell.selected-cell{background:#d8eadf;border-color:#579d78;box-shadow:0 2px 0 #a8cdb5;color:#337a56}.cell.last-cell:before{content:'';width:5px;height:5px;position:absolute;top:5px;right:5px;background:currentColor;border-radius:50%}.cell.flash{animation:cell-hit .7s ease}.board-legend{display:flex;justify-content:center;gap:19px;flex-wrap:wrap;margin-top:16px;color:#93a096;font-size:10px}.legend-item{display:flex;align-items:center;gap:6px}.legend-block{width:11px;height:11px;border-radius:3px;border:1px solid #e1e7e1;background:#eef2ef}.legend-block.mine{background:#e5efdf;border-color:#bdd0b5}.legend-block.hit{background:#fbece3;border-color:#e7baa4}.legend-block.empty{background:#fff;border-color:#e6ece6}.board-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 22px;border-top:1px solid var(--line)}.board-stat{text-align:center;font-size:10px;color:#8d9e92}.board-stat+.board-stat{border-left:1px solid var(--line)}.board-stat strong{display:block;color:#45624e;font-size:21px;line-height:1.4;font-weight:550;margin-bottom:2px}.inspector{display:flex;flex-direction:column;gap:22px}.inspector-section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.inspector-section h3{margin-bottom:15px}.link-row{padding:12px 0;border-bottom:1px solid var(--line)}.link-row:first-of-type{padding-top:0}.link-row:last-child{border:0;padding-bottom:0}.link-title{font-size:11px;color:#607b67;margin-bottom:7px;display:flex;align-items:center;gap:7px}.link-title .icon{width:14px;height:14px}.link-actions{display:flex;gap:6px}.link-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f8f5;border-radius:5px;padding:6px 8px;font-size:10px;color:#8a9e8e;flex:1;min-width:0}.link-hint{font-size:10px;color:#9fac9f;line-height:1.7;margin-top:13px}.control-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);gap:10px;font-size:11px;color:#84968a}.control-row:last-child{border:0;padding-bottom:0}.control-row .btn{font-size:10px;padding:6px 10px}.inspector-note{font-size:11px;color:#88998c;word-break:break-word;line-height:1.8}.history{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.history-tabs{display:flex;gap:25px;padding:0 23px;border-bottom:1px solid var(--line)}.history-body{max-height:390px;overflow:auto}.history-row{padding:13px 23px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f3f0;font-size:11px}.history-row:last-child{border:0}.history-symbol{width:29px;height:29px;border-radius:50%;background:#f1f6f1;display:grid;place-items:center;color:#8fa38e}.history-symbol.hit{background:#fcf0e6;color:#cb8b60}.history-symbol .icon{width:14px;height:14px}.history-main{flex:1}.history-main strong{font-weight:500;color:#5c735f}.history-main p{color:#9bab9d;font-size:10px;margin-top:2px}.history-time{font-size:10px;color:#9eaba0;white-space:nowrap}.edit-banner{background:#eef6ed;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce9da;color:#5b7c50;font-size:11px}.edit-banner .btn{font-size:11px;padding:7px 12px}.selection-count{font-weight:600;color:var(--green)}.notice{padding:13px 15px;background:#f3f7f3;color:#788f7d;border:1px solid #e2eae1;border-radius:7px;font-size:11px;line-height:1.8;margin-top:16px}.notice.warn{background:#fff8ec;border-color:#eee1c8;color:#a18b5b}.notice.error{background:#fff1ed;border-color:#f4d8cf;color:#b36c57}.error-text{color:#b46b56;font-size:12px;margin:10px 0}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:12px;color:#607568;margin-bottom:7px}.field small{font-size:10px;color:#a0aea3;display:block;margin-top:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.required{color:#adbcad}dialog{padding:0;border:1px solid #e4ebe4;border-radius:14px;width:min(590px,calc(100% - 28px));max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 25px 90px #142b262b;overflow:auto}dialog::backdrop{background:#0e231b65;backdrop-filter:blur(3px)}dialog[open]{animation:modal-in .2s ease}.modal-header{padding:23px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-header h2{font-size:17px}.modal-body{padding:25px 26px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line);background:#fbfcfa}.modal-copy{color:#839587;font-size:12px;margin-bottom:22px;line-height:1.8}.create-preview{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7f9f6;border-radius:9px;padding:20px;margin:5px 0 0}.create-preview h3{font-size:12px;color:#5b775f}.create-preview p{color:#9eada0;font-size:10px;margin-top:5px}.mini-board{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;transform:rotate(-6deg);flex-shrink:0}.mini-cell{width:18px;height:18px;background:#e0e9dd;border-radius:4px;border:1px solid #d6e0d1}.mini-cell.marked{background:#8eb592}.mini-cell .icon{height:12px;width:12px;margin:2px;color:#f5fcf0}.confirm-target{padding:26px 20px;text-align:center;background:#f3f7f0;border:1px solid #e1e9dc;border-radius:10px;margin:20px 0}.confirm-target span{font-size:11px;color:#8fa088}.confirm-target strong{display:block;font-size:29px;font-weight:600;letter-spacing:-1px;color:#497144;margin:5px 0}.confirm-target p{font-size:11px;color:#8d9e86}.confirm-safety{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#ac956a;line-height:1.8}.confirm-safety .icon{width:17px;height:17px;margin-top:2px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:#142b26;color:white;padding:48px 52px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-art .brand{padding:0}.login-art-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 0}.login-art h1{font-size:44px;letter-spacing:-2px;font-weight:500;line-height:1.4}.login-art p{color:#7b9a87;font-size:13px;line-height:2;margin-top:20px}.login-grid{display:grid;grid-template-columns:repeat(6,44px);gap:9px;transform:rotate(-10deg);margin:55px 0 0 28px}.login-grid span{width:44px;height:44px;border-radius:7px;background:#27483a;border:1px solid #355741;box-shadow:0 3px 0 #10271c}.login-grid span:nth-child(7n){background:#a6c698;border-color:#b6d1a6;color:#335c32;display:grid;place-items:center}.login-grid .icon{width:21px}.login-foot{color:#5b8069;font-size:10px;letter-spacing:1px}.login-content{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:330px}.login-form h2{font-size:25px;margin-bottom:7px;font-weight:600}.login-form>p{color:#9baa9e;font-size:12px;margin-bottom:35px}.login-form .btn{margin-top:6px;padding:13px}.login-security{display:flex;align-items:center;gap:7px;font-size:10px;color:#9cad9d;margin-top:25px;justify-content:center}.login-security .icon{width:13px;height:13px}.game-page{min-height:100vh;background:#f6f8f5}.game-header{height:77px;border-bottom:1px solid #e4eae1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1040px)/2))}.game-header .brand{color:var(--ink);padding:0}.game-header .brand-title{font-size:18px;letter-spacing:2px}.game-header .brand-mark{background:#e4eee0;color:#5a8550}.game-header .brand-sub{color:#9bae9b;font-size:8px}.role-tag{font-size:11px;color:#83977e;background:#f1f6ed;border:1px solid #e6ece0;padding:5px 11px;border-radius:6px}.game-content{max-width:1040px;margin:0 auto;padding:36px 24px 24px}.game-heading{margin-bottom:26px}.game-heading h1{font-size:26px}.game-heading p{font-size:12px;color:#9cab98;margin-top:9px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}.game-instructions{font-size:11px;line-height:2;color:#8e9e88}.rule{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.rule:last-child{margin:0}.rule-num{width:21px;height:21px;background:#eff5e9;border-radius:50%;color:#8ca17f;display:inline-grid;place-items:center;flex-shrink:0;font-size:10px;margin-top:2px}.game-status{display:flex;gap:11px;align-items:center;padding:15px 20px;background:#f0f6ea;border-top:1px solid #e3eadb;font-size:11px;color:#7b9270}.game-status .icon{width:18px;height:18px;color:#80a264}.game-status strong{font-weight:550;color:#5d7f4d}.cooldown-track{height:3px;background:#e2eada;overflow:hidden}.cooldown-fill{height:100%;background:#87af72;transition:width .1s linear}.game-page .cell:not(:disabled):hover{background:#e2eddc}.game-page .board{max-width:520px}.game-page .board-area{padding:26px}.game-page .board-panel{border-color:#e0e7da}.game-page .btn-primary{background:#587e46}.game-page .btn-primary:hover:not(:disabled){background:#466b36}.game-page .selection-count{color:#587e46}.game-actions{padding:18px 22px;border-top:1px solid var(--line)}.game-page .history{margin-top:0}.game-side{display:flex;flex-direction:column;gap:22px}.game-completed{display:flex;align-items:center;gap:10px;background:#eaf4e5;color:#6d925b;font-size:12px;padding:15px 22px;border-bottom:1px solid #dce9d4}.game-completed .icon{width:20px;height:20px}.sync-offline{color:#bf9064!important}.skeleton{animation:pulse 1.3s infinite}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.error-page .icon{width:48px;height:48px;color:#93a78d;margin-bottom:20px}.error-page p{font-size:12px;color:#8d9e87;margin-top:12px}.error-page button{margin-top:22px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#233d2d;color:#e8f2e5;padding:12px 22px;border-radius:9px;font-size:12px;box-shadow:0 5px 20px #122b2026;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}#hit-effect{position:fixed;inset:0;pointer-events:none;z-index:90;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e6ad5b16,transparent 65%)}#hit-effect.active{display:flex;animation:hit-overlay .95s ease forwards} .hit-label{background:#fff8ed;border:1px solid #edd8b2;color:#ae7c38;padding:23px 38px;border-radius:15px;box-shadow:0 15px 70px #a2793330;display:flex;align-items:center;gap:15px;font-size:22px;font-weight:550;animation:hit-label .8s ease forwards}.hit-label .icon{width:35px;height:35px}.particle{position:absolute;left:50%;top:50%;width:9px;height:9px;background:#d9ab63;border-radius:3px;animation:particle 1s ease-out forwards}.mobile-brand{display:none}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cell-hit{0%,45%{transform:scale(.9);box-shadow:0 0 0 8px #d9a05626}70%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes hit-overlay{0%{opacity:0}15%,65%{opacity:1}100%{opacity:0}}@keyframes hit-label{0%{transform:scale(.7);opacity:0}25%{transform:scale(1.05);opacity:1}45%,80%{transform:scale(1)}100%{transform:scale(.98);opacity:0}}@keyframes particle{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
@media(min-width:1550px){.content{padding-top:43px}.metrics{padding:28px 0}td{padding-top:21px;padding-bottom:21px}.table-toolbar{padding-top:25px}}
@media(max-width:1200px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{width:185px;padding-left:12px;padding-right:12px}.content{padding:28px 24px 22px}.topbar{padding:0 24px}.metric{padding:0 19px}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}td,th{padding-left:17px;padding-right:17px}.progress-track{width:45px}.table-tools{gap:10px}.tabs{gap:17px}.search{width:180px}.game-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:1000px){.table-scroll table{min-width:730px}.detail-layout{grid-template-columns:1fr}.inspector{display:grid;grid-template-columns:1fr 1fr}.inspector-section:last-child{grid-column:1/-1}.board{max-width:500px}.metrics{padding:19px 0}.metric{padding:0 14px}.metric-value{font-size:26px}.metric-foot{font-size:9px}.table-tools{flex-wrap:wrap;gap:0}.search{width:100%;order:-1}.search input{padding-top:10px;padding-bottom:10px}.search .icon{top:13px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.game-page .board-area{padding:20px}.game-page .board{gap:5px}.login-art{padding:35px}.login-art h1{font-size:37px}.login-grid{grid-template-columns:repeat(5,38px);gap:8px;margin-left:12px}.login-grid span{width:38px;height:38px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:65px;padding:25px 9px 15px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand-text,.sidebar .nav-label,.sidebar .nav-text,.sidebar .nav-count,.side-note,.sidebar-user-info{display:none}.sidebar .nav-item{margin-top:30px;justify-content:center;padding:13px 0}.sidebar-bottom{padding:14px 0 0;flex-direction:column;gap:12px}.sidebar-bottom .icon-btn{margin:0}.workspace{margin-left:65px}.topbar{height:60px;padding:0 20px}.topbar-right .avatar{display:none}.content{padding:25px 20px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;max-width:210px}.page-heading .btn{padding:9px 12px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);padding:0;margin-bottom:22px}.metric{padding:17px 19px}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.metric-foot{display:none}.metric-value{font-size:28px}.table-toolbar{padding:18px 17px 0}.tabs{gap:20px}.footer{flex-direction:column;align-items:flex-start;font-size:9px}.inspector{grid-template-columns:1fr}.detail-meta{flex-wrap:wrap;gap:7px 12px}.detail-title h1{font-size:23px}.board-area{padding:18px 13px}.board{gap:5px}.board-summary{padding:15px 12px}.board-stat strong{font-size:20px}.panel-head{padding:18px}.history-row{padding:12px 17px}.history-time{font-size:9px}.game-header{height:67px;padding:0 20px}.game-content{padding:25px 18px}.game-layout{grid-template-columns:1fr}.game-side{display:grid;grid-template-columns:1fr}.game-heading{margin-bottom:21px}.game-heading h1{font-size:24px}.game-page .board{gap:6px;max-width:480px}.game-page .board-area{padding:22px 16px}.game-page .history-body{max-height:280px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-content{min-height:100vh;padding:30px}.mobile-brand{display:flex;margin-bottom:55px;padding:0;color:var(--ink)}.login-form{max-width:360px;width:100%}.login-form>p{margin-bottom:30px}.modal-body{padding:22px}.modal-header{padding:20px 22px}.modal-footer{padding:16px 22px}.cell{min-width:30px}.game-page .board{grid-template-columns:repeat(var(--cols),minmax(30px,1fr))}}
@media(max-width:420px){.sidebar{display:none}.workspace{margin-left:0}.content{padding:22px 16px}.topbar{padding:0 16px}.metric{padding:16px}.topbar-right{gap:8px}.live-label{font-size:10px}.breadcrumb{font-size:11px}.game-content{padding:24px 12px}.game-header{padding:0 16px}.game-page .board-area{padding:18px 10px}.game-page .board{gap:5px}.game-status{padding:13px 15px}.field-row.three{gap:8px}.field-row.three input{padding:10px}.board-legend{gap:11px}.game-header .brand-sub{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.brand-mark{flex-shrink:0}.brand-sub{display:block}.history-main{min-width:0;overflow-wrap:anywhere}
.history-more{padding:15px;display:flex;justify-content:center}.history-more .btn{font-size:11px;padding:7px 13px}