*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#fffdf8;font-family:ui-rounded,Avenir Next,system-ui,sans-serif;color:#3e5563}body{position:fixed;top:0;right:0;bottom:0;left:0;user-select:none;-webkit-user-select:none}#game{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}canvas{display:block;touch-action:none}nav{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;gap:10px}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation}nav button{width:48px;height:48px;border-radius:50%;background:#fffdf8;color:#476474;display:grid;place-items:center;font-size:27px;font-weight:750;border:2px solid #dbe8e9}nav button svg{width:27px;height:27px}nav button:active{transform:scale(.92)}button:focus-visible{outline:4px solid #007fa9;outline-offset:4px}#sound[aria-pressed=true] .sound-waves{display:none}#rotation{display:none;position:absolute;bottom:24px;width:100%;text-align:center;padding:0 30px;font-size:15px;color:#496773;pointer-events:none}dialog{border:0;border-radius:25px;padding:34px;max-width:450px;width:calc(100% - 40px);color:#3e5563;background:#fffdf8;box-shadow:0 16px 80px #263c5a24}dialog::backdrop{background:#244e5e55}dialog h1{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:8px 0 20px}dialog p,dialog li{font-size:17px;line-height:1.6}dialog ol{padding-left:22px}dialog li{margin-bottom:12px}.close{position:absolute;right:12px;top:8px;background:transparent;width:44px;height:44px;font-size:32px;color:#496773}.primary{background:#10aaa5;color:#fff;border-radius:14px;padding:15px 24px;font-weight:700;font-size:18px;min-height:52px}.small{font-size:13px!important;color:#6d8088}.mini-koala{font-size:40px;margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(orientation:portrait){#rotation{display:block}nav{top:max(20px,env(safe-area-inset-top))}}dialog{max-height:90dvh;overflow-y:auto}dialog button{margin-top:8px}.secondary{background:#e2eeeb;color:#3e5563;border-radius:14px;padding:15px;font-size:17px}#reset-confirm{border-top:2px solid #e2eeeb;margin-top:20px}#play-log{max-width:620px}#play-log h2{font-size:19px}#play-log label{display:block;margin-top:20px;font-weight:700}#log-session{font:inherit;width:100%;padding:12px;margin:8px 0;border:2px solid #dbe8e9;border-radius:10px;background:#fffdf8;color:#3e5563}.log-buttons{display:flex;gap:8px;flex-wrap:wrap}.log-buttons button{font-size:15px}.log-table{width:100%;border-collapse:collapse;margin:14px 0;text-align:left}.log-table caption{text-align:left;font-weight:750;margin-bottom:12px}.log-table th,.log-table td{padding:9px;border-bottom:1px solid #dbe8e9}.log-table tbody th{font-weight:500}.log-table td,.log-table thead th:last-child{text-align:right}#log-recent{padding-left:20px}#log-recent li{font-size:14px;margin:4px 0}button:disabled{opacity:.45;cursor:default}#log-clear-confirm{border-top:2px solid #dbe8e9;margin-top:16px}#turn-badge[hidden],#turn-notice[hidden],.turn-buttons button[hidden]{display:none}#turn-badge{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;padding:8px 15px 8px 8px;border:2px solid #dbe8e9;border-radius:30px;background:#fffdf8;color:#3e5563;min-height:58px;box-shadow:0 3px 10px #47647412}.turn-ring{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#fffdf8 54%,transparent 57%),conic-gradient(#10aaa5 var(--turn-progress,360deg),#e2eeeb 0);font-size:25px;color:#10aaa5}#turn-caption{display:block;text-align:left;font-size:11px;font-weight:700;letter-spacing:.3px}#turn-clock{display:block;text-align:left;font-size:23px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}#turn-badge.paused .turn-ring{filter:grayscale(1)}#turn-notice{position:absolute;top:max(88px,calc(env(safe-area-inset-top) + 74px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:16px 22px;border-radius:24px;background:#ffdc70;color:#3e5563;box-shadow:0 5px #e2a348;pointer-events:none;z-index:2}#turn-notice>span{font-size:42px;line-height:1}#turn-notice strong{display:block;font-size:25px}#turn-notice div>span{display:block;font-size:14px;margin-top:4px}#turn-timer-settings{border:2px solid #dbe8e9;border-radius:18px;padding:16px;margin-bottom:22px;background:#f4f8ee}#turn-timer-settings h2{font-size:20px;margin:0}#turn-timer-settings p{margin:8px 0 12px}.turn-setting-display{display:flex;align-items:center;gap:14px}#turn-setting-clock{font-size:34px;font-weight:750;font-variant-numeric:tabular-nums}#turn-setting-state{font-size:14px;color:#6d8088}.turn-buttons{display:flex;flex-wrap:wrap;gap:8px}.turn-buttons button{padding:12px 16px}
