body:has(.como-arcade){color:#082e59;background:#edf3f9}.como-arcade{max-width:520px;min-height:60svh;margin:0 auto;padding:28px 20px 48px;font-family:Arial,sans-serif}.como-arcade h1{letter-spacing:-2px;color:#082e59;margin:18px 0 12px;font-size:clamp(36px,8vw,58px);line-height:1.05}.arcade-back{font-size:14px;font-weight:700;text-decoration:none}.arcade-label{letter-spacing:2px;color:#0861c6;margin-top:26px;font-size:10px;font-weight:800}.arcade-intro{margin-bottom:22px;font-size:16px;line-height:1.5}.como-arcade button,.como-arcade select{font:inherit}.como-arcade button{color:#082e59;cursor:pointer;background:#ffdf56;border:2px solid #082e59;border-radius:24px;padding:10px 16px;font-weight:800;box-shadow:0 3px #082e59}.como-arcade button:active{transform:translateY(2px);box-shadow:0 1px #082e59}.como-arcade button:disabled{cursor:default;opacity:.45;box-shadow:none}.como-arcade :focus-visible{outline-offset:4px;outline:3px solid #0090ff}.arcade-scores{align-items:center;gap:14px;margin:18px 0;display:flex}.arcade-scores>span{letter-spacing:1px;flex:1;font-size:10px;font-weight:700}.arcade-scores strong{letter-spacing:-1px;margin-top:4px;font-size:26px;display:block}.arcade-scores label{font-size:12px}.arcade-scores select{color:#082e59;background:#fff;border:1px solid #a6b7cc;border-radius:8px;margin-top:4px;padding:8px;display:block}.number-board,.crest-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#082e59;border-radius:18px;gap:8px;width:100%;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #c1d1e3}.number-board{touch-action:none;grid-template-columns:repeat(4,1fr)}.number-tile{font-variant-numeric:tabular-nums;color:#082e59;background:#234970;border-radius:9px;justify-content:center;align-items:center;min-width:0;font-size:clamp(22px,7vw,36px);font-weight:900;display:flex}.rank-1{background:#e6f4ff}.rank-2{background:#c1e5ff}.rank-3{background:#87ccff}.rank-4{background:#39adff}.rank-5{color:#fff;background:#0079db}.rank-6{color:#fff;background:#0054b1}.rank-7{color:#fff;background:#624bd4}.rank-8{color:#fff;background:#9279ed}.rank-9{background:#ffd954}.rank-10{background:#ffb446}.rank-11{background:#ff8947;font-size:clamp(20px,6vw,30px)}.rank-12{background:#ffdf56;font-size:clamp(20px,6vw,30px);box-shadow:inset 0 0 0 3px #fff}.board-cover{color:#fff;text-align:center;background:#082e59e8;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex;position:absolute;inset:0}.board-cover strong{max-width:260px;font-size:26px}.arcade-message{min-height:42px;margin:24px 0 12px;font-size:14px;font-weight:700;line-height:1.5}.arcade-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.arcade-actions>button{background:#fff;font-size:13px}.direction-pad{gap:5px;display:flex}.direction-pad button{color:#fff;background:#0090ff;min-width:38px;min-height:42px;padding:8px 10px}.como-arcade details{border-top:1px solid #bdccdc;margin-top:28px;padding-top:18px;font-size:14px;line-height:1.6}.como-arcade summary{cursor:pointer;font-weight:700}.crest-board{gap:4px}.como-arcade .crest-piece,.como-arcade .crest-gap{box-shadow:none;opacity:1;aspect-ratio:1;background-color:#fff;border:0;border-radius:3px;min-width:0;padding:0;position:relative}.como-arcade .crest-piece:disabled{opacity:1}.como-arcade .crest-gap{background:#173f67}.crest-piece span{color:#fff;background:#082e59e8;border-radius:3px;padding:2px 5px;font-size:12px;position:absolute;top:3px;left:3px}.crest-piece:not(:disabled){outline-offset:-2px;outline:2px solid #ffdf56}.crest-preview{background:#fff url(/images/brand/sempre-como-transparent-v2.png) 50%/100% 100% no-repeat;border-radius:8px;position:absolute;inset:10px}.arcade-menu{gap:18px;margin:30px 0;display:grid}.arcade-menu a{color:inherit;background:#fff;border:2px solid #082e59;border-radius:18px;padding:24px;text-decoration:none;box-shadow:0 4px #082e59}.arcade-menu a:first-child{background:#ffdf56}.arcade-menu strong{margin-bottom:10px;font-size:26px;display:block}.arcade-menu span{font-size:15px;line-height:1.5}.como-arcade small{color:#546c86}@media (max-width:370px){.como-arcade{padding:18px 12px}.arcade-actions{gap:6px}.direction-pad button{min-width:32px;padding:8px}.number-board{gap:6px;padding:8px}}.arcade-message{display:block}.crest-preview{object-fit:fill;width:calc(100% - 20px);height:calc(100% - 20px)}.arcade-icon{float:left;width:86px;height:86px;margin:0 20px 12px 0}.arcade-menu a{display:flow-root}.arcade-menu strong{padding-top:5px}@media (max-width:420px){.arcade-icon{width:64px;height:64px;margin-right:14px}.arcade-menu strong{font-size:22px}.arcade-menu a{padding:18px}}.game-win-confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.game-win-confetti i{top:-20px;left:var(--x);opacity:0;width:9px;height:15px;animation:como-confetti-fall 3s var(--delay) ease-in forwards;border-radius:2px;position:absolute}@keyframes como-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 105vh) rotate(var(--turn))}}@media (prefers-reduced-motion:reduce){.game-win-confetti{display:none}}