.webbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;background:#101b2b;border-bottom:1px solid #52617b;font-size:14px}.webbar a{color:#f6c84b;font-weight:bold}.webbar span{flex:1}.webbar button{border:1px solid #70809b;border-radius:5px;background:#22304a;color:#fff;padding:8px 12px;min-height:40px}.webnotice{max-width:1460px;margin:10px auto;padding:0 16px;color:#c8d0df;font-size:13px;line-height:1.5}.webnotice:empty{display:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f6c84b;outline-offset:3px}@media(max-width:760px){.webbar span{flex-basis:100%;order:-1}.webbar{padding:12px}.webbar button{font-size:12px}.start{padding:14px}.logo{font-size:40px}.sectionHead{flex-wrap:wrap;gap:8px}.headActions{flex-wrap:wrap}.transportBtn{min-width:0}.startgrid>*,.mainlayout>*{min-width:0}.character-grid{grid-template-columns:1fr}.travelCard{min-height:0;height:min(560px,80vh)}}