*{box-sizing:border-box}body{color:#271018;background:radial-gradient(circle at 15% 8%,#ffffff3d,#0000 24rem),linear-gradient(145deg,red,#a90024 82%);min-height:100vh;margin:0;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(960px,100% - 32px);margin:0 auto;padding:64px 0 96px}.header-section{color:#fff;max-width:760px;margin-bottom:30px}.eyebrow,.step{letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:900}.eyebrow{color:#ffe0e7}.step{color:#a7002b}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;text-shadow:0 6px 24px #48001247;max-width:760px;margin-bottom:15px;font-size:clamp(3rem,8vw,6.2rem);line-height:.92}h2{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.65rem,4vw,2.5rem)}h3{letter-spacing:-.025em;margin-bottom:8px;font-size:1.5rem}.subtitle{color:#fff2f5;max-width:620px;margin-bottom:0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.6}.game-container{background:#fffafbf5;border:1px solid #ffffff9e;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #44001252}.converter-heading,.mode-panel,.time-form,.time-result{padding:clamp(22px,4vw,38px)}.converter-heading{border-bottom:1px solid #efc7d0;justify-content:space-between;align-items:end;gap:26px;display:flex}.version-field{color:#651128;flex:0 280px;gap:8px;font-size:.84rem;font-weight:850;display:grid}select,input{color:#271018;width:100%;font:inherit;background:#fff;border:2px solid #d191a1;border-radius:13px;outline:none;font-weight:750;transition:border-color .15s,box-shadow .15s}select{min-height:50px;padding:0 42px 0 14px}select:focus,input:focus{border-color:#e00038;box-shadow:0 0 0 5px #e000381f}.mode-panel{background:#fff0f3;grid-template-columns:1fr auto;align-items:center;gap:32px;display:grid}.mode-panel p:last-child{color:#72404d;max-width:520px;margin-bottom:0;line-height:1.55}.mode-switch{color:#70001c;width:130px;font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;padding:0;font-size:.78rem;font-weight:850;line-height:1.25;display:grid}.mode-switch img{object-fit:contain;filter:drop-shadow(0 10px 11px #4a00122e);width:94px;height:170px;display:block}.mode-switch span{margin-top:-18px}.mode-switch:focus-visible{outline-offset:5px;border-radius:12px;outline:4px solid #e00038}.time-form{border-top:1px solid #efc7d0}.time-form>label{color:#651128;margin-bottom:10px;font-size:.92rem;font-weight:850;display:block}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}input{min-height:59px;padding:0 17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.35rem}input[aria-invalid=true]{border-color:#9b001e;box-shadow:0 0 0 5px #9b001e1f}.submit-btn{color:#fff;min-height:59px;font:inherit;cursor:pointer;background:#e00038;border:2px solid #d90036;border-radius:999px;padding:0 24px;font-weight:900;transition:transform .14s,box-shadow .14s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #9b00263d}.submit-btn:focus-visible{outline-offset:3px;outline:4px solid #8b001f}#input-help,.input-error{margin-bottom:0;font-size:.84rem}#input-help{color:#75505a;margin-top:9px}.input-error{color:#8b001f;min-height:1.35em;margin-top:5px;font-weight:800}.time-result{color:#fff;background:#4d0016;border-top:1px solid #efc7d0;justify-content:space-between;align-items:center;gap:24px;display:flex}.time-result span{color:#ffd7e1;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:900}.time-result strong{color:#ffc2d1;letter-spacing:-.055em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2.1rem,7vw,4.7rem);transition:color .18s,transform .18s}.time-result.has-result strong{color:#fff;transform:scale(1.025)}@media (width<=650px){main{width:min(100% - 20px,960px);padding-top:48px}.converter-heading{flex-direction:column;align-items:stretch}.version-field{flex-basis:auto}.mode-panel{grid-template-columns:1fr auto;gap:12px}.mode-switch{width:102px}.mode-switch img{width:76px;height:145px}.input-row{grid-template-columns:1fr}.time-result{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}