:root{font-family:Comic Sans MS,Trebuchet MS,sans-serif;line-height:1.4;font-weight:700;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 20%,#ff5db1,#7f47ff 38%,#10163f);color:#111}#app{min-height:100vh}.comic-app{min-height:100vh;display:grid;place-items:center;padding:1rem}.panel{width:min(42rem,100%);background:#fffdf6;border:5px solid #111;border-radius:1.4rem;padding:1.25rem;box-shadow:10px 10px #111}.burst{margin:0;display:inline-block;background:#ffe14d;color:#111;border:4px solid #111;border-radius:999px;padding:.25rem .9rem}h1{margin:.75rem 0 0;font-size:clamp(1.75rem,5.5vw,3rem)}.subtitle{margin:.35rem 0 1rem}.money-box{background:#b9ff66;border:4px solid #111;border-radius:1rem;padding:1rem}.money{margin:0;font-size:clamp(1.9rem,8vw,3rem)}.time,.mode{margin:.25rem 0 0}.controls{display:grid;gap:.85rem;margin-top:1rem}label{display:grid;gap:.4rem}input,select,button{width:100%;border:3px solid #111;border-radius:.75rem;padding:.6rem .7rem;font:inherit;font-weight:700}input,select{background:#fff}.buttons{margin-top:1rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}button{cursor:pointer;color:#111}button:disabled{opacity:.5;cursor:not-allowed}.start{background:#53f5b6}.pause{background:#ffd66f}.reset{background:#ffa1a1}.full{background:#9ec9ff}.hint{margin-bottom:0;font-size:.93rem}.watch-mode{padding:0}.watch-mode .panel{width:100%;min-height:100vh;border-radius:0;border-width:0;box-shadow:none;background:radial-gradient(circle at 50% 15%,#222c6e,#111735 55%,#090d20);color:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem;padding:1rem}.watch-mode.sideways-layout{padding:0}.watch-mode.sideways-layout .panel{width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:1rem;align-items:center;justify-items:stretch;padding:1rem 1.25rem}.watch-mode.sideways-layout .watch-display{width:100%;text-align:left}.watch-mode.sideways-layout .watch-buttons{width:100%;max-width:320px;grid-template-columns:1fr}.watch-display{width:min(96vw,1100px);text-align:center}.watch-title{margin:0;font-size:clamp(1rem,2vw,1.45rem);color:#a9b7ff}.watch-money{margin:0;font-size:clamp(2.4rem,12vw,8rem);letter-spacing:.03em;line-height:1.05}.watch-time{margin:.3rem 0 0;font-size:clamp(1.4rem,5.2vw,3rem);color:#d9e2ff}.watch-mode-label{margin:.2rem 0 0;font-size:clamp(.92rem,2.2vw,1.2rem);color:#b7c6ff}.watch-buttons{width:min(96vw,900px);display:grid;gap:.7rem;grid-template-columns:repeat(5,minmax(0,1fr))}.watch-mode .watch-buttons button{border-color:#dbe4ff}@media(max-width:560px){.buttons{grid-template-columns:1fr}.watch-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-mode.sideways-layout .panel{grid-template-columns:1fr;justify-items:center}.watch-mode.sideways-layout .watch-display{text-align:center}.watch-mode.sideways-layout .watch-buttons{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape)and (max-width:900px){.comic-app{padding:.5rem}.panel{width:min(68rem,100%);padding:.85rem;display:grid;grid-template-columns:1.1fr 1fr;gap:.75rem;align-items:start}.subtitle,.hint{grid-column:1 / -1}.money-box{grid-column:1}.controls,.buttons{grid-column:2;margin-top:0}.buttons{align-self:end}}