:root{--hip-bg:#0a0908;--hip-surface:#121110;--hip-surface-raised:#1a1917;--hip-text:#e9e5da;--hip-muted:#a8a49a;--hip-gold:#d4af37;--hip-gold-hi:#f0d67a;--hip-gold-lo:#8a6f1f;--hip-border:#d4af3738}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:var(--hip-bg);color:var(--hip-text);font-family:Kanit,Helvetica,Arial,sans-serif}#game{position:fixed;inset:0}canvas{display:block}#casino-bar{position:fixed;inset:0 0 auto auto;z-index:10;height:15px;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 8px;display:flex;align-items:center;justify-content:flex-end;background:#0a09082e;color:#e9e5dacc;pointer-events:none;font-size:10px;line-height:15px}#casino-bar[hidden]{display:none}#copy-user-id{appearance:none;border:0;margin:0;padding:0;background:none;color:inherit;font:inherit;display:flex;align-items:center;justify-content:center;width:16px;height:15px;pointer-events:auto;cursor:pointer;touch-action:manipulation}#copy-user-id:disabled{cursor:default}#copy-user-id:focus-visible{outline:1px solid var(--hip-gold-hi);outline-offset:2px}#copy-toast{position:fixed;top:calc(env(safe-area-inset-top) + 24px);right:max(8px,env(safe-area-inset-right));z-index:11;margin:0;padding:8px 12px;border:1px solid var(--hip-border);border-radius:8px;background:var(--hip-surface);color:var(--hip-text);box-shadow:0 4px 16px #0006;font-size:12px;line-height:1.4;pointer-events:none}#status{position:fixed;inset:40% auto auto 50%;transform:translate(-50%);box-sizing:border-box;width:min(480px,calc(100vw - 32px));margin:0;padding:24px;border:1px solid var(--hip-border);border-top:2px solid var(--hip-gold);border-radius:12px;background:var(--hip-surface);box-shadow:0 16px 60px #0008;text-align:center;line-height:1.6;overflow-wrap:anywhere;pointer-events:none}dialog{color:#fff;background:#141a25;border:1px solid #56637b;border-radius:12px;width:min(680px,85vw);max-height:80vh;padding:24px;overflow:auto}dialog button{padding:10px 18px;border:0;border-radius:6px;cursor:pointer}#close{float:right}dialog::backdrop{background:#0a0908c9}:is(#modal,#session-refresh){font:inherit;color:var(--hip-text);color-scheme:dark;overscroll-behavior:contain;box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:32px;border:1px solid var(--hip-border);border-radius:16px;background:linear-gradient(145deg,#d4af370a,transparent 55%),var(--hip-surface);box-shadow:0 24px 80px #0009,0 0 60px #d4af370a;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--hip-gold-lo) var(--hip-surface)}:is(#modal,#session-refresh):before{content:"HIP DURIAN GAMES";display:flex;align-items:center;min-height:32px;margin-bottom:20px;padding-right:82px;color:var(--hip-gold);font-size:11px;font-weight:500;letter-spacing:.2em}:is(#modal,#session-refresh) h1{margin:0 0 16px;font-size:clamp(24px,4vw,30px);font-weight:500;line-height:1.2}:is(#modal,#session-refresh) h2{margin:24px 0 12px;font-size:20px;font-weight:500;color:var(--hip-gold-hi)}:is(#modal,#session-refresh) p{margin:0 0 24px;line-height:1.65;color:var(--hip-muted);overflow-wrap:anywhere}:is(#modal,#session-refresh) button{min-height:44px;padding:10px 20px;border:1px solid var(--hip-gold-lo);border-radius:8px;background:var(--hip-surface-raised);color:var(--hip-gold-hi);font:inherit;font-size:15px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}@media(hover:hover){:is(#modal,#session-refresh) button:hover:not(:disabled){background:#d4af3720;border-color:var(--hip-gold)}}:is(#modal,#session-refresh) button:active:not(:disabled){background:#d4af3730}:is(#modal,#session-refresh) button:focus-visible{outline:2px solid var(--hip-gold-hi);outline-offset:4px}:is(#modal,#session-refresh) button:disabled{opacity:.45;cursor:wait}#session-refresh #refresh-page{background:linear-gradient(135deg,var(--hip-gold-hi),var(--hip-gold));border-color:var(--hip-gold);color:var(--hip-bg);font-weight:500;min-width:128px}@media(hover:hover){#session-refresh #refresh-page:hover:not(:disabled){background:var(--hip-gold-hi)}}#modal #close{position:absolute;top:20px;right:20px}#modal-content{clear:both;padding-top:16px}#modal-content h2{margin-top:24px}#modal-content table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:6px;border-bottom:1px solid #ffffff20}#modal #modal-content{padding-top:0}#modal table{font-variant-numeric:tabular-nums}#modal td,#modal th{padding:10px 8px;border-bottom:1px solid var(--hip-border)}#modal th{color:var(--hip-gold-hi);font-weight:500}@media(max-width:480px){:is(#modal,#session-refresh){padding:24px}}@media(prefers-reduced-motion:reduce){:is(#modal,#session-refresh) button{transition:none}}#game{-webkit-user-select:none;user-select:none}.paylines{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.paylines figure{margin:0;padding:8px;border:1px solid #ffffff30}.paylines svg{display:block;width:100%;background:#ffffff08}#modal-content dt{font-weight:700;margin-top:8px}#modal-content dd{margin-left:0}
