*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#fffdf8;color:#111;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif;letter-spacing:0}a{color:inherit}#site-header{text-align:center;background:linear-gradient(90deg,#ef3340,#111 48%,#f6d32d);color:#fff;border-bottom:4px solid #111}.header-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px);align-items:center;gap:10px;width:min(1240px,100%);margin:0 auto;padding:14px 12px 10px}.site-title{text-align:left}.site-title a{color:#fff;text-decoration:none;font-size:clamp(24px,5vw,46px);font-weight:900;line-height:1.1;text-shadow:0 3px 0 rgba(0,0,0,.34)}.header-actions{display:flex;justify-content:flex-end}.brand-button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:44px;width:min(100%,220px);padding:7px 10px;border:2px solid #fff;border-radius:8px;background:#111;color:#fff;text-decoration:none;box-shadow:0 4px 0 rgba(0,0,0,.4)}.brand-mark{display:grid;place-items:center;width:50px;height:28px;border-radius:6px;background:#f6d32d;color:#111;font-weight:900;font-size:12px}.brand-copy{font-weight:900;text-align:left}.game-table{width:100%;margin:0 auto;padding:0 4px 12px;font-family:Impact,"Arial Black",sans-serif}.game-table .row{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center}.game-table .label{flex:0 0 58px;height:36px;line-height:36px;background:#111;color:#fff;border:2px solid #111;text-align:center;border-radius:6px}.game-table a{flex:0 1 auto;min-width:96px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 8px;background:#14b8c6;color:#061416;text-decoration:none;border:2px solid transparent;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-table a:nth-child(3n){background:#f6d32d}.game-table a:nth-child(3n+1){background:#a3e635}.game-table a:hover,.game-table a.is-active{transform:translateY(-2px);border-color:#fff;filter:saturate(1.1)}.home-page,.unit-rank-page{width:min(1240px,100%);margin:0 auto;padding:0 12px 42px}.env-pickup{padding:18px 0 12px}.env-pickup-title{margin:0 0 12px;font-size:clamp(25px,4vw,42px);line-height:1.1;font-weight:900}.game-grid,.random-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-card,.random-unit-card{position:relative;display:block;border:3px solid #111;border-radius:8px;overflow:hidden;background:#111;color:#fff;text-decoration:none;box-shadow:0 7px 0 #111}.game-card img,.random-unit-aspect img{display:block;width:100%;aspect-ratio:6/5;object-fit:contain;padding:7%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.32),transparent 42%),linear-gradient(135deg,#20222a,#111 58%,#3a1020)}.game-card strong,.game-card span{display:block;padding:0 10px}.game-card strong{font-size:20px;margin-top:9px}.game-card span{color:#ddd;font-size:13px;margin:5px 0 12px}.random-unit-chip{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 8px;border-radius:6px;background:rgba(17,17,17,.86);color:#fff}.random-unit-chip span{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#f6d32d;color:#111;font-weight:900}.random-unit-chip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.random-unit-chip em{margin-left:auto;font-style:normal;font-weight:900;color:#f6d32d}.cost-heading-row{margin:22px 0 14px;display:grid;gap:8px;justify-items:center}.cost-heading{width:max-content;max-width:100%;margin:0;padding:6px 18px;background:#fff;border:3px solid #111;border-radius:8px;box-shadow:0 5px 0 #111;font-size:clamp(22px,4vw,34px);line-height:1.15;font-weight:900;text-align:center}.cost-heading span{color:#ef3340}.page-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-weight:800;font-size:13px}.page-summary span{padding:3px 8px;border:2px solid #111;border-radius:6px;background:#fff}.rank-view-controls{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto 12px}.card-toggle-button,.rank-order-reset,.comment-form button,.auth-card button,.actions button{appearance:none;min-height:38px;padding:0 14px;border:3px solid #111;border-radius:8px;background:#fff;color:#111;box-shadow:0 4px 0 #111;font:900 14px/1 inherit;cursor:pointer}.card-toggle-button[aria-pressed=true]{background:#f6d32d}.rank-order-reset[hidden],.admin-badge[hidden]{display:none}.admin-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;background:#ef3340;color:#fff;border-radius:999px;font-size:12px;font-weight:900}.rank-order-status{min-width:1em;font-size:12px;font-weight:800}.rank-wrapper{width:100%}.unit-rank-table{width:100%;margin:0 auto;border-collapse:separate;border-spacing:0 18px}.unit-rank-table th,.unit-rank-table td{padding:0;border-style:solid;border-width:8px}.unit-rank-table th{width:66px;font-size:2rem;line-height:1;text-align:center;vertical-align:middle;border-right:none;background:#fff}.unit-rank-table td{border-left:none;background:rgba(255,255,255,.72)}.rank-S{border-color:#8e24aa!important;color:#8e24aa}.rank-A{border-color:#e53935!important;color:#e53935}.rank-B{border-color:#1976d2!important;color:#1976d2}.rank-C{border-color:#00897b!important;color:#00897b}.rank-D{border-color:#757575!important;color:#757575}.unit-cards{display:grid;grid-template-columns:2fr 3fr 2fr;gap:12px;padding:12px;align-items:start}.unit-block{display:grid;gap:8px;min-width:0}.block-left,.block-right{grid-template-columns:repeat(2,minmax(0,1fr))}.block-center{grid-template-columns:repeat(3,minmax(0,1fr))}.unit-block.is-empty{min-height:90px;border:2px dashed rgba(17,17,17,.18);border-radius:8px}.unit-card-link{display:block;color:inherit;text-decoration:none}.unit-card{position:relative;width:100%;overflow:hidden;border:2px solid #111;border-radius:8px;background:#fff;color:#111;box-shadow:0 3px 0 #111}.unit-card-image{display:block;width:100%;aspect-ratio:6/5;object-fit:contain;padding:7%;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.34),transparent 42%),linear-gradient(135deg,#222831,#111 56%,#39111a)}.unit-card-meta{display:grid;gap:3px;padding:6px 7px 7px}.unit-name{margin:0;min-height:1.2em;font-size:clamp(11px,1.1vw,14px);line-height:1.18;font-weight:900;color:#111;overflow-wrap:anywhere}.unit-detail{margin:0;display:flex;flex-wrap:wrap;gap:4px}.unit-detail span{padding:1px 5px;border-radius:4px;background:#111;color:#fff;font-size:10px;font-weight:800}.unit-order{position:absolute;top:5px;left:5px;display:grid;place-items:center;width:24px;height:22px;border-radius:5px;background:rgba(17,17,17,.86);color:#fff;font-size:11px;font-weight:900}body.names-hidden .unit-card-meta{display:none}.unit-card-link.dragging{opacity:.42}.unit-block.is-dragging-active{outline:2px dashed rgba(17,17,17,.28);border-radius:8px}.site-comments{max-width:1040px;margin:28px auto 0;padding:18px 16px 20px;background:#fff;border:3px solid #111;border-radius:8px;box-shadow:0 5px 0 #111}.site-comments__title{margin:0 0 14px;font-size:20px;font-weight:900;padding-left:10px;border-left:5px solid #ef3340}.comment-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}.comment,.row{padding:10px 12px;background:#fffdf8;border:2px solid rgba(17,17,17,.16);border-radius:6px}.comment-meta,.meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#666;margin-bottom:6px}.comment-author{font-weight:900;color:#222}.comment-body,.body{font-size:14px;white-space:pre-wrap;word-break:break-word;line-height:1.55}.comment-empty,.comment-error,.empty{color:#666;text-align:center;padding:10px 6px;border:2px dashed rgba(17,17,17,.16);border-radius:6px}.comment-form p{margin:8px 0;display:flex;flex-direction:column;gap:4px}.comment-form label{font-size:12px;color:#555;font-weight:900}.comment-form input,.comment-form textarea,.auth-card input{padding:8px 10px;border:2px solid #ccc;border-radius:6px;font:inherit;background:#fff}.comment-form textarea{resize:vertical;min-height:88px}.comment-form button,.auth-card button,.actions button{width:max-content;background:#ef3340;color:#fff}.comment-form-status{min-height:1em;font-size:12px;color:#555}.site-footer{padding:24px 12px 36px;text-align:center;color:#666;font-size:12px}.site-footer p{margin:4px 0}.admin-shell{max-width:960px;margin:24px auto;padding:0 16px}.auth-card,.list .row{background:#fff;border:3px solid #111;border-radius:8px;padding:18px;box-shadow:0 5px 0 #111}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tabs button{border:2px solid #111;background:#fff;border-radius:999px;padding:6px 14px;font-weight:900}.tabs button[aria-pressed=true]{background:#111;color:#fff}.toast{position:fixed;right:18px;bottom:18px;background:#111;color:#fff;padding:10px 14px;border-radius:6px;opacity:0;transform:translateY(10px);transition:opacity .18s,transform .18s;font-size:13px;z-index:50}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.game-grid,.random-unit-grid{grid-template-columns:1fr}.unit-cards{grid-template-columns:1fr}.block-left,.block-center,.block-right{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.header-top{grid-template-columns:1fr;justify-items:stretch}.site-title{text-align:center}.header-actions{justify-content:center}.game-table .label{flex-basis:48px;font-size:12px}.game-table a{height:34px;min-width:82px;font-size:12px}.unit-rank-table{border-spacing:0 9px}.unit-rank-table th,.unit-rank-table td{border-width:4px}.unit-rank-table th{width:34px;font-size:1.4rem}.unit-cards{gap:5px;padding:5px}.unit-block{gap:4px}.unit-card{border-width:1px;border-radius:6px}.unit-detail{display:none}.unit-order{width:20px;height:18px;font-size:9px}}.game-select-wrap{display:none}@media(max-width:768px){#site-header{border-bottom-width:3px}.header-top{padding:6px 8px 5px;gap:4px}.site-title a{font-size:24px}.header-actions{display:none}.game-table{padding:0 8px 7px;overflow:hidden}.game-table .row{display:none}.game-select-wrap{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:0;width:min(100%,430px);height:40px;margin:0 auto;padding:3px;border:2px solid #111;border-radius:8px;background:#fff;color:#111;box-shadow:0 2px 0 #111;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif}.game-select-wrap span{display:grid;place-items:center;height:100%;border-radius:5px;background:#111;color:#fff;font:900 11px/1 Impact,"Arial Black",sans-serif}.game-select-wrap select{width:100%;height:100%;min-width:0;padding:0 30px 0 9px;border:0;background:#fff;color:#111;font:900 14px/1 inherit;letter-spacing:0;outline:none}.home-page,.unit-rank-page{padding:0 6px 28px}.env-pickup{padding:7px 0 3px}.env-pickup-title{margin:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost-heading-row{margin:5px 0 6px;gap:3px}.cost-heading{padding:3px 9px;border-width:2px;border-radius:6px;box-shadow:0 2px 0 #111;font-size:17px}.page-summary,.rank-view-controls{display:none}.unit-rank-table{border-spacing:0 4px}.unit-rank-table th,.unit-rank-table td{border-width:3px}.unit-rank-table th{width:26px;font-size:1.05rem}.unit-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:3px}.unit-block{display:contents}.unit-block.is-empty{display:none}.unit-card{border-radius:4px;box-shadow:0 1px 0 #111}.unit-card-image{aspect-ratio:1/1;padding:2%}.unit-card-meta{gap:1px;padding:2px}.unit-name{min-height:0;font-size:8px;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unit-order{top:2px;left:2px;width:16px;height:14px;border-radius:3px;font-size:7px}}