:root{color-scheme:dark;font:16px system-ui,sans-serif;color:#fff}html,body{margin:0;width:100%;height:100%;overflow:hidden}html{background-color:#21664a;background-repeat:repeat}canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}header,#status,#action,#deck{position:absolute;z-index:1}header{top:max(8px,env(safe-area-inset-top));left:max(68px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:6px}h1{margin:0;font-size:clamp(18px,4vw,26px)}.settings{display:flex;gap:5px}button,select{border:1px solid #ffffff80;border-radius:9px;background:#174f38;color:inherit;font:inherit;padding:6px 9px;cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid white}#status,#deck{margin:0;text-align:center;pointer-events:none;font-weight:700;font-size:clamp(12px,3.6vw,17px)}#status{inset-inline:10px;transform:translateY(-100%);line-height:1.25}#deck{left:50%;transform:translate(-50%,-50%);white-space:pre-line}#action{left:50%;transform:translate(-50%,-50%);background:#327d54;padding-inline:22px;font-weight:700}