:root{font-family:system-ui,sans-serif;color:#fff4eb;background:#202735}*{box-sizing:border-box}html,body,#play-area{width:100%;height:100%;margin:0;overflow:hidden}#play-area{position:relative;background:#202735}#unity-canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#202735;text-align:center;padding:20px}#loading[hidden]{display:none}#loading strong{color:#ffc5d5;font-size:clamp(26px,5vw,48px)}#loading p{margin:14px 0}progress{width:min(310px,75vw);accent-color:#f16b9d}#retry{display:block;margin:18px auto 0}.site-actions{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:4;display:flex;gap:8px}.site-actions a,.site-actions button,.help summary,#retry{border:1px solid #ffced8;border-radius:10px;background:#202a3ddd;color:white;padding:9px 13px;text-decoration:none;font:600 14px system-ui;cursor:pointer;box-shadow:0 3px 12px #1118}.help{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:5;max-width:min(360px,calc(100vw - 20px));font-size:14px}.help summary{list-style:none;float:right}.help[open]{background:#243044ed;border:1px solid #ffc7d7;border-radius:10px;padding:12px}.help[open] summary{float:none}.help p{clear:both;line-height:1.45;margin-bottom:2px}.touch-controls{display:none}#page-status{position:absolute;bottom:0;left:10px;z-index:6;font-size:12px}.site-actions a:focus-visible,.site-actions button:focus-visible,.help summary:focus-visible,.touch-controls button:focus-visible{outline:3px solid #ffd67e;outline-offset:2px}@media(pointer:coarse), (max-width:600px){.touch-controls{position:absolute;z-index:4;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-left));pointer-events:none}.directions{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.directions button:nth-child(1){grid-column:1;grid-row:2}.directions button:nth-child(2){grid-column:2;grid-row:1}.directions button:nth-child(3){grid-column:2;grid-row:2}.directions button:nth-child(4){grid-column:3;grid-row:2}.actions{display:flex;gap:7px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;min-width:48px;min-height:48px;border:2px solid #ffb8cb;border-radius:13px;background:#243045e8;color:#fff;font:700 18px system-ui;box-shadow:0 3px 9px #0008}.touch-controls button[aria-pressed=true]{background:#c63471}.site-actions{top:max(8px,env(safe-area-inset-top));bottom:auto}.help{top:auto;bottom:138px}}@media(max-width:550px){.directions{grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px)}.touch-controls button{min-width:43px;min-height:43px}.site-actions a,.site-actions button{font-size:12px;padding:8px}.help{bottom:120px}}
[hidden]{display:none!important}#rotate-tip{display:none}@media(max-width:600px) and (orientation:portrait){#rotate-tip{display:block;position:absolute;z-index:3;top:20%;left:15%;width:70%;text-align:center;padding:10px;color:#fff4eb;background:#243045c9;border:1px solid #ffbfd2;border-radius:10px;font-size:14px}}@media(pointer:coarse), (max-width:850px){.touch-controls{position:absolute;z-index:4;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 max(14px,env(safe-area-inset-left));pointer-events:none}.directions{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.directions button:nth-child(1){grid-column:1;grid-row:2}.directions button:nth-child(2){grid-column:2;grid-row:1}.directions button:nth-child(3){grid-column:2;grid-row:2}.directions button:nth-child(4){grid-column:3;grid-row:2}.actions{display:flex;gap:7px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;min-width:44px;min-height:44px;border:2px solid #ffb8cb;border-radius:13px;background:#243045e8;color:#fff;font:700 18px system-ui;box-shadow:0 3px 9px #0008}.touch-controls button[aria-pressed=true]{background:#c63471}.site-actions{left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));top:auto}.help{top:auto;bottom:130px}}
@media(max-width:600px) and (orientation:portrait){.site-actions{top:max(10px,env(safe-area-inset-top));bottom:auto}}
@media(pointer:coarse), (max-width:850px){.help{top:max(46px,env(safe-area-inset-top));bottom:auto}}
#rotate-tip{pointer-events:none}