msi-d11-portal{display:block;max-width:1100px;margin:0 auto}msi-d11-portal .d11-portal button{margin:0;min-width:0;box-shadow:none;letter-spacing:normal}msi-d11-portal .d11-portal .campaign-link{padding:0;min-height:0;background:transparent;border:0}msi-d11-portal .d11-portal img{max-width:none}msi-d11-portal .d11-portal-help{letter-spacing:normal}

.d11-portal,.d11-portal *{box-sizing:border-box}.d11-portal{position:relative;width:100%;height:470px;overflow:hidden;border:1px solid #80917b;border-radius:14px;background:#6c8466;isolation:isolate;touch-action:pan-y;font-family:Arial,'Microsoft JhengHei',sans-serif}.d11-portal:focus-visible{outline:3px solid #e8c57e;outline-offset:4px}.d11-portal .landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}.d11-portal .player{position:absolute;left:0;bottom:7%;width:clamp(48px,8%,86px);aspect-ratio:86/100;z-index:3;pointer-events:none;will-change:transform}.d11-portal .character{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 95%;filter:drop-shadow(0 5px 3px #0005);user-select:none}.d11-portal .player.walk .character{animation:d11-walk .4s linear infinite}.d11-portal .player.jumping .character{animation:none;rotate:-6deg}.d11-portal .knight-shadow{position:absolute;left:0;bottom:6%;width:clamp(48px,8%,86px);height:12px;background:radial-gradient(ellipse,#15291c88,transparent 70%);z-index:2;pointer-events:none}.d11-portal .campaign-link{position:absolute;right:12%;bottom:14%;width:38%;z-index:2;display:block;line-height:0;border-radius:10px;filter:drop-shadow(0 5px 3px #17261850);transition:filter .15s}.d11-portal .campaign-link img{display:block;width:100%;height:auto;user-select:none}.d11-portal .campaign-link:hover{filter:brightness(1.08) drop-shadow(0 0 12px #ffe9a780)}.d11-portal .campaign-link:focus-visible{outline:3px solid #fff2bd;outline-offset:6px}.d11-portal button{position:absolute;z-index:5;cursor:pointer;border:1px solid #c5b185;border-radius:7px;background:#192d2dd9;color:#fff4d6;user-select:none;touch-action:none;font:inherit}.d11-portal button:focus-visible{outline:3px solid #ffe19c;outline-offset:3px}.d11-portal .arrow{top:50%;translate:0 -50%;width:46px;height:64px;font-size:30px}.d11-portal .left{left:14px}.d11-portal .right{right:14px}.d11-portal .jump-control{right:16px;bottom:16px;min-height:46px;padding:10px 18px;border-width:2px;font-size:15px}.d11-portal button:active{background:#506447}.d11-portal-help{margin:14px 0 0;text-align:center;font:13px/1.7 Arial,'Microsoft JhengHei',sans-serif;color:#48604d}@keyframes d11-walk{0%,100%{transform:translateY(0) rotate(-3deg)}25%,75%{transform:translateY(-4px)}50%{transform:rotate(3deg)}}@media(max-width:650px){.d11-portal{height:340px}.d11-portal .campaign-link{width:55%;right:16%;bottom:19%}.d11-portal .arrow{width:38px;height:56px}.d11-portal .left{left:10px}.d11-portal .right{right:10px}.d11-portal .jump-control{right:12px;bottom:12px;min-height:44px;padding:8px 14px}}@media(prefers-reduced-motion:reduce){.d11-portal .player.walk .character{animation:none}.d11-portal .campaign-link{transition:none}}