*{box-sizing:border-box}html,body{margin:0;height:100%;background:#10141d;color:#dce5f5;font:13px 'Segoe UI','Microsoft YaHei',sans-serif}body{display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #8cabff;outline-offset:3px}.play-header{display:flex;align-items:center;justify-content:space-between;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));gap:12px;min-height:60px;border-bottom:1px solid #ffffff18}.play-header>a{min-height:40px;display:flex;align-items:center;gap:6px}.play-header h1{font-size:15px;margin:0}.play-header button{border:1px solid #ffffff25;background:#202c42;color:#e2ecff;min-height:40px;padding:0 12px;border-radius:7px}#player{flex:1;min-height:0;display:grid;place-items:center;background:#080c12}iframe{border:0;width:100%;height:100%;display:block;background:#080c12}#player.portrait iframe{width:min(100%,460px)}#player:fullscreen{width:100vw;height:100dvh;background:#080c12}#player.portrait:fullscreen iframe{width:min(100%,460px)}.play-note{display:flex;justify-content:space-between;gap:16px;padding:9px max(18px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom));color:#94a2b8;font-size:10px;line-height:1.5}#invalid a{text-decoration:underline}@media(max-width:600px){.play-header{min-height:54px;padding-top:6px;padding-bottom:6px}.play-header h1{font-size:13px}.play-header>a span{display:none}.play-header button{font-size:11px}.play-note{font-size:9px}.play-note>span+span{display:none}}@media(max-height:500px) and (orientation:landscape){.play-header{min-height:40px;padding-top:0;padding-bottom:0}.play-header>a,.play-header button{min-height:32px}.play-note{display:none}}

/* 1.0.6: landscape meadow surrounds for the portrait Liran game. */
.liran-scene .play-header{background:#f3f8e9;color:#294c32;border-bottom:1px solid #ccdbb6}.liran-scene .play-header button{background:#e2efcf;color:#315534;border-color:#b2ce95}
#player.portrait{position:relative;isolation:isolate;overflow:hidden;background:#b9db83}
#player.portrait iframe{position:relative;z-index:2;box-shadow:0 0 35px #244a3438}
.liran-side{display:none;position:absolute;top:0;bottom:0;width:calc((100% - 460px)/2);overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(#f4ffd414,#d9e99512),url('games/liran/assets/images/menu_meadow107.jpg') center/cover no-repeat}
.liran-side-left{left:0}.liran-side-right{right:0;background-position:60% center}
.liran-side::after{content:'';position:absolute;left:-15%;right:-15%;height:24%;bottom:-16%;border-radius:50%;background:#44772a45;filter:blur(15px)}
.scene-caption{position:absolute;top:18%;left:8%;width:84%;color:#315332;text-align:center;text-shadow:0 2px 12px #fff7cf;transform:rotate(-3deg)}
.scene-caption span{display:block;font-size:clamp(12px,1.1vw,20px);letter-spacing:.12em;margin-bottom:14px}.scene-caption strong{display:inline-block;padding:14px 20px;background:#fffce9ed;border:2px solid #fff;border-radius:24px 24px 24px 4px;font-size:clamp(16px,1.7vw,30px);box-shadow:0 5px 0 #70974538}
.liran-side-right .scene-caption{transform:rotate(3deg)}.liran-side-right .scene-caption strong{border-radius:24px 24px 4px 24px}
.scene-dog{position:absolute;width:80%;max-width:370px;aspect-ratio:1;left:50%;bottom:14%;transform:translateX(-50%) rotate(-6deg);background:url('games/liran/assets/images/liran_poses.png') left center/300% 100% no-repeat;filter:drop-shadow(0 15px 9px #31582040)}
.scene-keeper{position:absolute;width:80%;max-width:370px;left:50%;bottom:13%;transform:translateX(-50%) rotate(4deg);filter:drop-shadow(0 15px 9px #31582040)}
@media(min-width:860px){.liran-side{display:block}}
@media(min-width:860px) and (max-height:650px){.scene-caption{top:7%}.scene-dog,.scene-keeper{width:58%;max-width:250px;bottom:7%}.scene-caption span{margin-bottom:7px}.scene-caption strong{padding:9px 14px}}