*{box-sizing:border-box;margin:0;padding:0}html{background:#fff;font-size:clamp(14px,12.5px + .4vw,17px)}body{color:#333;background:#fff;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:1rem}a{color:#3b5998;text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#3b5998;border-bottom:1px solid #133783;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.logo{color:#fff;letter-spacing:-1px;font-family:Lucida Grande,Tahoma,Verdana,sans-serif;font-size:1.7rem;font-weight:700;line-height:1}.logo a{color:#fff}.logo a:hover{text-decoration:none}.logo .bracket{color:#a9badb;font-weight:400}.topbar-right{color:#d8dfea;font-size:.9rem}.topbar-right a{color:#fff;padding:8px 4px;font-weight:700;display:inline-block}.shell{align-items:flex-start;gap:18px;max-width:1140px;margin:0 auto;padding:18px 14px 40px;display:flex}.sidebar{flex-shrink:0;width:200px}.main{flex:1;min-width:0}.navbox{background:#f7f7f7;border:1px solid #b7b7b7;margin-bottom:16px}.navbox-title{color:#fff;background:#3b5998;padding:8px 12px;font-size:.95rem;font-weight:700}.navbox ul{padding:6px 0;list-style:none}.navbox li a{padding:10px 14px;font-weight:700;display:block}.navbox li a:hover{background:#d8dfea;text-decoration:none}.sidenote{color:#666;background:#fffbe8;border:1px solid #b7b7b7;padding:12px 14px;font-size:.95rem;line-height:1.6}.box{background:#fff;border:1px solid #898989;margin-bottom:18px}.box-title{color:#3b5998;background:#d8dfea;border-bottom:1px solid #898989;padding:10px 14px;font-size:1.1rem;font-weight:700}.box-body{padding:16px;line-height:1.65}.tagline-center{text-align:center;color:#555;padding:10px 0 4px;font-size:1.05rem}.tagline-center b{color:#333}.arena{justify-content:center;align-items:stretch;gap:16px;padding:20px 14px;display:flex}.contender{cursor:pointer;text-align:center;background:#f7f7f7;border:1px solid #898989;width:46%;max-width:380px;padding:12px}.contender:hover{background:#d8dfea;border-color:#3b5998}.contender img{object-fit:contain;background:#fff;border:1px solid #ccc;width:100%;height:clamp(200px,24vw,300px);display:block}.contender .cname{color:#3b5998;word-wrap:break-word;padding:10px 0 4px;font-size:1.25rem;font-weight:700}.contender .ctag{color:#777;word-wrap:break-word;min-height:1.2em;font-size:.9rem}.contender .crecord{color:#999;padding-top:6px;font-size:.9rem}.vs{color:#999;align-self:center;font-size:1.5rem;font-style:italic;font-weight:700}.result-flash{text-align:center;background:#fffbe8;border:1px solid #e2c822;margin:12px 14px 0;padding:10px;font-size:1rem}.result-flash .up{color:#1e7a1e;font-weight:700}.result-flash .down{color:#c00;font-weight:700}.formtable{border-collapse:collapse;width:100%}.formtable td{vertical-align:top;padding:8px}.formtable td.label{text-align:right;color:#666;white-space:nowrap;width:150px;padding-top:16px;font-weight:700}input[type=text],input[type=url],select{border:1px solid #bdc7d8;width:100%;max-width:440px;padding:10px 12px;font-family:Tahoma,Verdana,sans-serif;font-size:1rem}input[type=file]{max-width:100%;padding:8px 0;font-size:.95rem}.btn{color:#fff;cursor:pointer;background:#3b5998;border:1px solid #133783;border-color:#6d84b4 #133783 #133783 #6d84b4;min-height:44px;padding:12px 26px;font-family:Tahoma,Verdana,sans-serif;font-size:1.05rem;font-weight:700}.btn:hover{background:#2f477a}.btn:disabled{cursor:default;background:#9daccb;border-color:#9daccb}.btn-gray{color:#333;background:#ececec;border:2px outset #ddd}.price-callout{background:#fffbe8;border:1px solid #e2c822;margin-bottom:14px;padding:12px 14px;line-height:1.65}.price-callout .bigprice{color:#1e7a1e;font-size:1.4rem;font-weight:700}.error-msg{color:#c00;background:#ffebe8;border:1px solid #dd3c10;margin-bottom:12px;padding:10px 12px}.success-msg{color:#1e7a1e;background:#f0fae4;border:1px solid #8bc34a;margin-bottom:12px;padding:10px 12px}.img-preview{border:1px solid #ccc;max-width:240px;max-height:180px;margin-top:8px;display:block}.ranktable{border-collapse:collapse;width:100%;font-size:.95rem}.ranktable th{color:#fff;text-align:left;background:#3b5998;padding:9px 12px;font-size:.85rem}.ranktable td{vertical-align:middle;border-bottom:1px solid #e5e5e5;padding:10px 12px}.ranktable tr:nth-child(2n) td{background:#f7f7f7}.ranktable img{object-fit:contain;vertical-align:middle;background:#fff;border:1px solid #ccc;width:52px;height:52px}.ranktable a{padding:4px 0;display:inline-block}.rank-num{color:#3b5998;font-size:1.15rem;font-weight:700}.rank-1 .rank-num{color:#b8860b}.elo-cell{font-weight:700}.footer{color:#999;text-align:center;border-top:1px solid #ccc;max-width:1140px;margin:0 auto;padding:14px;font-size:.85rem;line-height:1.7}.stats-strip{text-align:center;color:#666;padding:6px 0 16px;font-size:.95rem}.stats-strip b{color:#3b5998}.stats-strip a{padding:8px 6px;display:inline-block}@media (max-width:1000px){.sidebar{width:170px}}@media (max-width:720px){.shell{flex-direction:column;gap:12px;padding:12px 10px 30px}.sidebar{display:contents}.navbox{order:-1;width:100%;margin-bottom:0}.main{width:100%}.sidenote{order:10;width:100%}.navbox-title{display:none}.navbox ul{flex-wrap:wrap;padding:2px;display:flex}.navbox li{flex:auto}.navbox li a{text-align:center;white-space:nowrap;padding:12px 10px}.topbar{padding:10px 12px}.logo{font-size:1.45rem}.topbar-right{display:none}.arena{flex-direction:column;align-items:center;gap:8px;padding:14px 10px}.contender{width:100%;max-width:460px}.contender img{height:clamp(200px,52vw,280px)}.vs{padding:2px 0}.formtable td.label{text-align:left;white-space:normal;width:auto;padding:10px 8px 0;display:block}.formtable td{display:block}input[type=text],input[type=url],select{max-width:100%}.btn{width:100%;padding:14px 20px}.ranktable{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}